Introduction to Canvas

This article is an introduction to the HTML5 canvas element. Here we will cover the basics of how to create the element, draw, and animate on it, as well as discuss a bit about when and how we can use it. What and Why Canvas is an element in which you can draw graphics using JavaScript. It works very differently than SVG, for example. While in SVG you create elements, and changes in them will change the objects on the screen, in canvas you can use commands to draw things step by step, like a painter, and anything you draw (Read more...)