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:

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.

Feature Detection

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.

Related Adobe Technologies