O'Reilly logo

Drupal 7 Media by Liran Tal

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

HTML5 canvas

Canvas is a 2D bitmap drawing capability (3D canvas context can be used by Web Graphics Library (WebGL)) that browsers provide and expose, JavaScript APIs, to interact with. It's completely integrated into HTML5 documents, controlled using JavaScript, and styled using CSS. As opposed to vector systems like Scalable Vector Graphics (SVG), which is not part of the HTML5 spec, bitmap objects are drawn non-layered, as a flat picture, thus modifying objects, already on the canvas, will affect the entire canvas element.

Uses for canvas technology can vary from providing, in-browser, free-style drawing (think Microsoft Paint in your browser), create games, and create graphs. All of which is natively supported, within the browser, without ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required