Text can be added to a Canvas element. Text within a Canvas can’t be controlled a huge amount, but we’ll discover here what can be achieved.
Month: March 2012
HTML5 Canvas: Erasing shapes
As well as drawing shapes on a Canvas, shapes can also be erased. For the examples in this post, I have initially laid down a filled background rectangle, and erased shapes out of it to demonstrate.
HTML5 Canvas: Bezier curves
Following on from my post about straight line paths, now would be a good time to look into bezier curves. With these, we can create an even larger array of shapes.
HTML5 Canvas: Paths
To create more complex shapes than circles and rectangles, we need to learn how to create paths, so we can have free reign and draw whatever we like. This post will concentrate on drawing paths and shapes with straight lines, and I shall cover curved paths in a future post.