Canvas Cheat Sheet

HTML5 Canvas Cheat Sheet

HTML5 Canvas Rectangle Tutorial

Discussion

To create a rectangle using HTML5 Canvas, we can use the rect() method rather than constructing the shape with 4 connecting lines.  An HTML5 Canvas rectangle is positioned with x and y parameters, and is sized with width and height parameters.  The rectangle is positioned about its top left corner.

comments powered by Disqus