下載網址：http://code.google.com/p/explorercanvas/downloads/list
簡單的示例：
- <!DOCTYPE html>
- <html>
- <head>
- <title>excanvas demo</title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <script type="text/javascript" src="excanvas.js"></script>
- </head>
- <body>
- <canvas id="canvas"></canvas>
- <script type="text/javascript">
- window.onload = function(){
- var canvas = document.getElementById("canvas");
- var ctx = canvas.getContext("2d");
- ctx.fillStyle = "red";
- ctx.beginPath();
- ctx.moveTo(30, 30);
- ctx.lineTo(150, 150);
- ctx.quadraticCurveTo(60, 70, 70, 150);
- ctx.lineTo(30, 30);
- ctx.fill();
- }
- </script>
- </body>
- </html>
引入excanvas.js以后，在ie下，文檔中的canvas就可以用了，但是如果是通過createElement方法創建的就不行了
var canvas=document.createElement(”canvas”);
if(canvas.getContext){
alert(”support getContext()”);
}
這 段代碼在ie下不工作，於是把google搞的這個讓ie支持canvas的代碼大概地讀了一遍，知道了是怎么回事。將代碼放到aptana里面看，10 分鍾不到，785行代碼，還不錯，我想，這得益於之前仔細看過犀牛書前面js core部分7遍以及對canvas和vml的了解吧。
原來，加載並執行excanvas.js這個腳本代碼的時候，G_vmlCanvasManager_.init();這句語句遍歷了頁面中所有的canvas元素，然后初始化這些元素，亦即是將標准canvas的那些個方法賦予ie下的canvas：
var els = doc.getElementsByTagName(”canvas”);
for (var i = 0; i < els.length; i++) {
if (!els[i].getContext) {
this.initElement(els[i]);
}
}
如 果是文檔原來就有的canvas標簽，那就沒有問題，這段腳本將找到的canvas元素作為參數傳遞給 G_vmlCanvasManager_.initElement()這個方法。但是通過createElement方法創建的canvas就不行了，因 為調用這段腳本的時候，后來新創建的canvas元素還沒有被它找到。
那么，解決辦法就是新創建了一個canvas元素就調用G_vmlCanvasManager_.initElement()方法來初始化。
但是，G_vmlCanvasManager_是在一個匿名函數function(){}里面定義的，我在全局范圍下就沒有辦法引用到，還好，在excanvas.js文件的后面，有一句語句，
G_vmlCanvasManager = G_vmlCanvasManager_;
由於js的函數中，如果一個變量不通過var來定義，那么就會把這個變量當作一個全局變量，好啦，現在有一個全局變量來引用它了。
那么，下面是解決問題的代碼：
$(function(){
var canvas=document.createElement(”canvas”);
document.body.appendChild(canvas);
if($.browser.msie){
canvas=window.G_vmlCanvasManager.initElement(canvas);
}
if(canvas.getContext){alert(”support”);}
});
這里我用了jquery，在DOM ready以后才執行這段腳本。
另外，記得canvas=window.G_vmlCanvasManager.initElement(canvas);之前要將新創建好的canvas追加到文檔流中：document.body.appendChild(canvas);
另外與jquery混合使用的時候必須使用jquery1.7以上的版本，具體為什么只兼容1.7以上的版本，我也不曉得了