javascript - 无法在画布中加载图像（在 ie8 中使用 Excanvas）

Question

我使用 excanvas 在 ie8 中使用画布元素，但我无法在画布中加载图像。

我的代码是

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";

Answer 1

确保您已在 head 部分添加 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"/>