HTML5 Canvas Feature

The CANVAS element allows for dynamic, scriptable rendering of graphics in the browser. Using JavaScript, content authors can gain full control of the colors, vectors, and pixels on their screens--from simple interactive drawings to stunning visual and text effects.

HTML5 Canvas

the expressive web

Minimum Browser Support:

HTML5 Canvas

Internet Explorer
9.0
Firefox
2.0
Safari
3.1
Chrome
1.0
Opera
9.0
Opera Mobile
10.0
iOS
3.2
Android
2.1

57.72%

Percentage of users who can view this feature (source: caniuse.com)

Examples

Silk
Uses Canvas to create beatiful, dynamically drawn silk like graphics.
Harmony Drawing Tool
Creative drawing tool built on top of the Canvas element.

Reference and Documentation

Tutorials and Resources

Feature Detection

Modernizr.canvas

if(Modernizr.canvas){
   //browser supports canvas
}

Learn more about detecting feature support with Modernizr.

Fallback Strategies

Depending on how the Canvas element is being used, you have the following fallback strategies when running Canvas content in a browser that does not support the Canvas element: You can use static images, other dynamic graphics technologies such as SVG, or a plug-in such as Adobe Flash.