Blog Design Development Mobile Inspiration CSS Javascript News Opinions Politics Menu

Canvas Cheat Sheet

HTML5 Canvas Cheat Sheet
HTML5 Canvas Text Font, Size, and Style Tutorial

HTML5 Canvas Line Join Tutorial

Description

To set the line join style of an HTML5 Canvas path, we can set the lineJoin context property.  Paths can have one of three line joins: miter, round, or bevel.  Unless otherwise specified, the HTML5 Canvas line join property is defaulted with the miter style.

Note: If your lines are fairly thin and don't connect at steep angles, it may be difficult to distinguish different line joins.

Demo