==================

TODO: Link each of the drawing commands below to their individual examples. I don’t know how to do this since the links to the individual examples point towards the “draft” folder.

TODO: Add examples for these path “action” commands: stroke(), fill(), clip()

==================

Path

A path defines a set of lines and curves which can be visibly drawn on the Canvas.

A path is not automatically drawn on the Canvas. But the path’s lines & curves can be drawn onto the Canvas using a styleable stroke. And the shape created by the lines and curves can also be filled with a styleable fill.

Paths have uses beyond drawing on the Canvas:

• Hit testing if an x,y coordinate is inside the path shape.
• Defining a clipping region where only drawings inside the clipping region will be visible. Any drawings outside the clipping region will not be drawn (==transparent) – similar to CSS overflow.

The basic path drawing commands are:

• beginPath
• moveTo
• lineTo
• arc
• quadraticCurveTo
• bezierCurveTo
• arcTo
• rect
• closePath