Canvas Pocket Reference

Name

CRC.lineJoin — specifies how vertices are rendered

Synopsis

String lineJoin

Description

When a path includes vertices where line segments and/or curves meet, the lineJoin property specifies how those vertices are drawn. The effect of this property is apparent only when drawing with wide lines.

The default value of the property is “miter”, which specifies that the outside edges of the two line segments are extended until they intersect. When two lines meet at an acute angle, mitered joins can become quite long. The miterLimit property places an upper bound on the length of a miter. If a miter would exceed this limit, it is converted to a bevel.

The value “round” specifies that the outside edges of the vertex should be joined with a filled arc whose diameter is equal to the width of the line.

The value “bevel” specifies that the outside edges of the vertex should be joined with a filled triangle.

See Also

CRC.lineCap, CRC.miterLimit