<canvas>: The Graphics Canvas element

Read More at MDN DocsView Spec

Safe to Use

<canvas>: The Graphics Canvas element is considered safe to use.

It’s supported by 94% of global browsers.

Browsers

ChromeDec 11, 2008v1.0.0
26%╱100%
100% of Chrome users are running a supported version.
SafariApr 29, 2005v2.0.0
5%╱100%
100% of Safari users are running a supported version.
EdgeJul 28, 2015v12.0.0
5%╱100%
100% of Edge users are running a supported version.
FirefoxNov 29, 2005v1.5.0
3%╱100%
100% of Firefox users are running a supported version.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Dec 11, 2008 v1.0.0
26%╱100%
100% of Chrome users are running a supported version.
Dec 11, 2008 – Latest
v1.0.0+
26%╱100%

Full Support

Chrome Android
Jun 27, 2012 v18.0.0
36%╱100%
100% of Chrome Android users are running a supported version.
Jun 27, 2012 – Latest
v18.0.0+
36%╱100%

Full Support

Edge
Jul 28, 2015 v12.0.0
5%╱100%
100% of Edge users are running a supported version.
Jul 28, 2015 – Latest
v12.0.0+
5%╱100%

Full Support

Firefox
Nov 29, 2005 v1.5.0
3%╱100%
100% of Firefox users are running a supported version.
Nov 29, 2005 – Latest
v1.5.0+
3%╱100%

Full Support

Before Firefox 5, the canvas width and height were signed integers instead of unsigned integers.

Before Firefox 6, a <canvas> element with a zero width or height would be rendered as if it had default dimensions.

Before Firefox 12, if JavaScript is disabled, the <canvas> element was being rendered instead of showing the fallback content as per the specification. Since then, the fallback content is rendered instead.

Firefox for Android
Mar 29, 2011 v4.0.0
Firefox for Android supports this feature.
Mar 29, 2011 – Latest
v4.0.0+

Full Support

Before Firefox 5, the canvas width and height were signed integers instead of unsigned integers.

Before Firefox 6, a <canvas> element with a zero width or height would be rendered as if it had default dimensions.

Before Firefox 12, if JavaScript is disabled, the <canvas> element was being rendered instead of showing the fallback content as per the specification. Since then, the fallback content is rendered instead.

Internet Explorer
Mar 14, 2011 v9.0.0
0%╱94%
There are no users of Internet Explorer running a supported version.
Mar 14, 2011 – Latest
v9.0.0+
0%╱94%

Full Support

 
Quest Browser
Unknown v5.0.0
Quest Browser supports this feature.
Unknown
v5.0.0+

Full Support

Opera
Jun 20, 2006 v9.0.0
1%╱100%
100% of Opera users are running a supported version.
Jun 20, 2006 – Latest
v9.0.0+
1%╱100%

Full Support

Opera Android
Nov 9, 2010 v10.1.0
Opera Android supports this feature.
Nov 9, 2010 – Latest
v10.1.0+

Full Support

Safari
Apr 29, 2005 v2.0.0
5%╱100%
100% of Safari users are running a supported version.
Apr 29, 2005 – Latest
v2.0.0+
5%╱100%

Full Support

Although early versions of Apple's Safari browser don't require the closing tag, the specification indicates that it is required, so you should be sure to include it for broadest compatibility. Before version 2, Safari will render the content of the fallback in addition to the canvas itself unless you use CSS tricks to mask it.

Safari on iOS
Jun 29, 2007 v1.0.0
17%╱100%
100% of Safari on iOS users are running a supported version.
Jun 29, 2007 – Latest
v1.0.0+
17%╱100%

Full Support

Samsung Internet
Apr 27, 2013 v1.0.0
2%╱100%
100% of Samsung Internet users are running a supported version.
Apr 27, 2013 – Latest
v1.0.0+
2%╱100%

Full Support

WebView Android
Sep 3, 2014 v37.0.0
WebView Android supports this feature.
Sep 3, 2014 – Latest
v37.0.0+

Full Support

See Also

Contribute