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.fill();
Return to the Graphics Component Reference documentation..