miterLimit

The miterLimit property sets or returns the maximum miter length.

The miter length refers to the distance between the inner and outer corners of the intersection of the two lines.

Note: miterLimit is valid only if the lineJoin property is miter.

The smaller the angle of the corners, the greater the length of the miter. To avoid miter length getting too long, we can use the miterLimit property.

If the miter length exceeds the value of miterLimit, the corners are displayed with the bevel type of lineJoin.

Parameter	Description
number	Positive number. Specifies the maximum miter length. If the miter length exceeds the value of miterLimit, the corners are displayed with the bevel type of lineJoin

Example

var ctx = node.getComponent(cc.Graphics);
ctx.miterLimit = 10;
ctx.moveTo(20, 20);
ctx.lineTo(100, 50);
ctx.lineTo(20, 100);
ctx.stroke();

---

Return to the Graphics Component Reference documentation..