javascript - excanvas IE8，意外调用方法或属性访问

Question

您好，我在 IE8 上收到错误“意外调用方法或属性访问”。在“foo.appendChild(canvas);”行我的代码如下。

 <canvas id="foo" class="canvasstyle" height="300" width="300"></canvas>

var foo = document.getElementById("foo");
var canvas = document.createElement('canvas');
canvas.setAttribute("width", 300);
canvas.setAttribute("height", 300);
foo.appendChild(canvas);
canvas= G_vmlCanvasManager.initElement(canvas);
var ctx = canvas.getContext('2d');
ctx.save();
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    ctx.translate(canvas.width / 2, canvas.height / 2);
    ctx.drawImage(server, -112, -120);
    ctx.rotate(x2 * Math.PI / 180);

        ctx.drawImage( point, -198, -80 );
        ctx.restore();

有谁知道如何摆脱这个错误并在 IE8 上工作 Canvas 。谢谢您的帮助...

Answer 1

我认为您的问题很可能是您将一个 Canvas 插入到另一个 Canvas 中...我想不出这样做的合理原因，因为 Canvas 元素内部的任何内容仅在以下浏览器中可见不支持canvas，这肯定违反了预期用途。

这是预期用途:

<canvas width="600" height="400">
    Your browser can't handle our site and it looks very outdated... Try installing
    <a href="https://chrome.google.com">one that doesn't suck</a>.
</canvas>

在任何支持 Canvas 的浏览器上，内部消息都不会显示。尝试将 Canvas 插入另一个元素。