Falcon80 Logo
Browser Support
The canvas library works in the following browsers:

Firefox 3.0 and above
Safari 3.0 and above
Chrome 3.0 and above
Opera 10.0 and above

Note that even though the canvas library will work in the above browsers, some of the examples on this site that require user interaction may not work as intended. I will try to point out instances where you are likely to run into trouble as we go along.

For Internet Explorer, you will have to include a third-party library "excanvas.js". Nothing else changes, although you may find that some methods/attributes of the canvas element work in IE even after including excanvas.js.

Download excanvas.js
HTML Code
<html>
<head>
<!--[if IE]>
<script type="application/javascript" src="excanvas.js"></script>
<![endif]-->

  <script type="application/javascript">
function init() {
var canvas = document.getElementById("myCanvas");
if (canvas.getContext) {

var ctx = canvas.getContext("2d");
ctx.strokeRect(0,0,600,300);
}
}
  </script>
  <title>Browser support for HTML5 Canvas </title>
</head>
<body onload="init();">
<canvas id="myCanvas" width="600" height="300"></canvas><br>
</body>
</html>
 
Try Code (Make sure you are using IE browser to try this code)