2012-04-07 88 views
1

使用excanvas在ie8中使用canvas元素,但无法在canvas中加载图像。无法在canvas中加载图像(在ie8中使用Excanvas)

我的代码是

var el = document.getElementById('cavasid'); 
G_vmlCanvasManager.initElement(el); 
var context = el.getContext('2d'); 


var img = new Image(); 
img.onload = function() { 
context.drawImage(img, 0,0); 
}; 
img.src = "jj.png"; 
+0

不应该是'G_vmlCanvasManager.initElement(el);'? – Pointy 2012-04-07 12:32:26

+0

画布名为“cavasid”还是“canvasid”?发布您遇到问题的确切代码非常重要;转录中的错误只是浪费时间。 – Pointy 2012-04-07 12:42:16

+0

是的,它是'cavasid' – FreshBits 2012-04-07 13:01:36

回答

1

请在头部分确认您已经添加excanvas.js,然后尝试下面的代码

var el = document.getElementById('cavasid'); 
if (typeof G_vmlCanvasManager != 'undefined') { 
    el = G_vmlCanvasManager.initElement(el); 
} 

if (el.getContext) { 
    var context = el.getContext('2d'); 


    var img = new Image(); 
    img.onload = function() { 
     context.drawImage(img, 0, 0); 
    }; 
    img.src = "jj.png"; 
} 

也给予一定的宽度和高度,以你的画布一样

<canvas id="cavasid" width="200" height="200"/>