2012-04-07 90 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"/>