IE8沒有得到canvas元素

Question

我有如下的畫布代碼：

 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);
    }

但這不起作用。 有任何想法嗎？

Answer 1

IE 8不支持canvas元素。

http://caniuse.com/#search=canvas

Answer 2

您的函數似乎是遞歸的。 您附加了一個函數來在相同的imageObj加載事件上繪制imageObj 。 請通過刪除遞歸調用來解決它。

不僅如此，IE8還不支持Canvas

帆布元素✘
2D上下文✘
文字✘