2013-07-10 46 views
0

我有帆布代碼象下面這樣:IE8不`噸得到canvas元素

var canvas = document.getElementById('myCanvas'); 
    var context = canvas.getContext('2d'); 


    var imageObj = new Image(); 

    imageObj.src = 'images/floor1.jpg'; 


    imageObj.onload = function() { 
    context.drawImage(imageObj, 0, 0, 610, 290, 0, 0, 610, 290); 
    context.beginPath(); 
    context.rect(62, 66, 66, 25); /* rectangle F sold */ 
    context.rect(221, 66, 66, 25); 
    context.rect(327, 66, 66, 25); 
    context.rect(488, 66, 66, 25); 
    context.rect(62, 181, 66, 25); 
    context.rect(186, 181, 66, 25); 
    context.rect(363, 181, 66, 25); 
    context.rect(488, 181, 66, 25); 
    context.lineWidth = 2; 
    context.strokeStyle = 'black'; 
    context.stroke(); 
    var dataURL = canvas.toDataURL("image/png"); 
    document.getElementById('out').src = dataURL; 
    }; 

但在IE8這不`噸的工作。 我嘗試添加explorercanvas代碼:

< script src="excanvas.js"></script > 

    if (typeof(G_vmlCanvasManager) != 'undefined') { 
    myCanvas = G_vmlCanvasManager.initElement(myCanvas); 
    } 

但這不`噸的工作。有任何想法嗎?

回答

0

你的功能似乎是遞歸的。您附加了一個函數,以在相同的加載事件(imageObj)上繪製imageObj。請通過刪除遞歸調用來修復它。

超過以上所有,IE8不支持帆布

Canvas元素✘
2D背景✘
文本✘

+0

我知道IE8不'噸工作畫布。但我發現這個腳本「explorercanvas」http://excanvas.sourceforge.net/並嘗試使用它 – user2567515