Visit Mozilla.org

HTML:Canvas

From MDC

<canvas> is a new HTML element which can be used to draw graphics via scripting (usually JavaScript). For example, it can be used to draw graphs, make photo compositions or even perform animations.

Mozilla applications gained support for <canvas> starting with Gecko 1.8 (i.e. Firefox 1.5). The element was originally introduced by Apple for the OS X Dashboard and Safari. Internet Explorer does not natively support <canvas>, but a page can effectively add support for it by including a script from Google's Explorer Canvas project. Opera 9 also supports <canvas>.

Documentation

Specification
The <canvas> element is part of the WhatWG Web applications 1.0 specification, also known as HTML 5.
Drawing Graphics with Canvas
A one-page introduction to <canvas>.
Canvas tutorial
A comprehensive tutorial covering both the basic usage of <canvas> and its advanced features.
Code snippets:Canvas
Some extension developer-oriented code snippets involving <canvas>.
Canvas examples
A few <canvas> demos.
Drawing text using a canvas
Documentation for the new <canvas> feature available starting with Firefox 3

View All...

Community

Related Topics

HTML, JavaScript, CSS, AJAX, DOM, SVG