Demo:

Shape styles with HTML5 Canvas

Please note: this demo page is to go along with the post HTML5 Canvas: Styles, so please use that for reference.

Shape styles

Colour filled star shape (hex)

Colour filled star shape with lowered opacity (rgba)

Colour filled and outlined star shape

Line joins

Outlined star shape with round lineJoin

Outlined star shape with bevel lineJoin

Outlined star shape with miter lineJoin

Outlined star shape with miter lineJoin and miterLimit added

Line caps

Straight line with round lineCap

Straight line with butt lineCap

Straight line with square lineCap