- Clear Canvas
- Rotate Canvas
- Scale Canvas
- Translate Canvas
- Save Canvas
- Restore Canvas
- Pixel Manipulation
- Get Canvas Image
- Draw Manually
- Detect Pixel Ratio
<canvas> element is a new element apart of HTML5. It allows you to draw shapes, paths, images, and other drawings on a blank element called the canvas.
Creating a canvas
Before you can draw on the canvas, you need to create one.
<canvas width='300' height='150'></canvas>
Of course, the canvas can be any width/height you want. You may also wish to give the canvas an ID (for future reference).
As a side note, you cannot accurately set a canvas's width and height via CSS; you can only do so through the canvas element's
You also need to add jCanvas to your page somehow (usually a
<script> element will do).
Using jCanvas requires basic knowledge of using jQuery.