Stroke tab
Stroke tab
Fill and Stroke constitute objects created with Namo WebCanvas, such as objects, shapes, texts, and paths. Fill and Stroke have their own specific paint attributes. Stroke has additional attributes, such as Width, Caps, Miter Limit, and Miter.
Examples of various Strokes
Attributes of Stroke tab
You can specify the width, type of the starting/ending point, shape of the corner of the Stroke.
- Width
Specifies the width of the stroke in pixels. - Caps
Specifies the type of the starting/ending point.
-
Butt Linecap
The cut end of the stroke line is the ending point of the open path.Round Linecap
The cut end of the stroke line is rendered round.Square Linecap
The cut end of the stroke line gets projected by the width.Examples of various Linecaps
- Miter Limit
Specified in pixels. This option is activated only when the Miter Linejoin is selected. - Linejoin
Specifies the shape of the stroke path corners. -
Miter Linejoin
Renders the corner miter-shaped. You can adjust the angle of the miter by modifying the values in Miter Limit.Bevel Linejoin
Renders the corner bevel-shaped.Round Linejoin
Renders the corner round.Example) Various corner (Linejoin) shapes
- Start / End drop-down list
-
Specifies the type of arrow on the starting/ending point of the path. You can choose the shape of the arrow tip from the first Start/End drop-down list. Choose the size from the second Start/End drop-down menu list.
- Dash
Modifies the shape of the path from a solid to dotted line by choosing the line style from the drop-down menu list. -
Solid Line
Dot Line
Short Dash Line
Dash Line
Dash Dot Line
Dash Dot Dot Line
Long Dash Line
Long Dash Dot Line
Long Dash Dot Dot Line