The HTML5 <canvas> element is used to draw graphics, on the fly, via scripting (usually JavaScript). This element is only a container for graphics. You must use a script to actually draw the graphics. This element has several methods for drawing paths, boxes, circles, characters, and adding images.
Modern browsers like Firefox, Safari, Chrome and Opera support the tag to allow 2D command-based drawing. ExplorerCanvas brings the same functionality to Internet Explorer. To use, web developers only need to include a single script tag in their existing web pages.
Download the files from here: http://code.google.com/p/explorercanvas/downloads/list
Include the script
The excanvas.js file must be included in the page before any occurrences of canvas elements in the markup. It is recommended to put it in the head.
<!--[if IE]><script src="excanvas.js"></script><![endif]-->
More resource about canvas to use in IE6, IE7 and IE8:
You can also try with: Silverlight for HTML 5
This project successfully uses Silverlight as a rendering engine to implement HTML 5 <canvas> support in IE6~IE8.
You can also check this which supports IE6+: see here
This Javascript library implements the three methods to draw text on HTML5 <canvas> tags (strokeText, fillText and measureText) to the browsers which don’t already have it (Firefox 2/3.0, Internet Explorer 6+, Opera 9+, Safari 3.x, Chrome 1.0).
Another one, you can check this too: fxCanvas
fxCanvas is an implementation of this element for Internet Explorer (two-dimensional graphics only).
Another Good Resource is KineticJS which is an HTML5 JavaScript framework that enables high performance animations, transitions, node nesting, layering, filtering, caching, event handling for desktop and mobile applications, and much more.
To know more about HTML5 Cross Browser Polyfills: https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills
The post How to support canvas in IE7 and IE8? appeared first on Blog - Flourish Pixel.
