在运行时添加的 Internet Explorer 中的画布元素不起作用

Question

我正在尝试绘制一些画布元素，当然，我需要它在 Internet Explorer 中工作。所以我做了一些搜索并使用 explorercanvas 来获得该功能。但我发现，出于某种原因，IE 对在初始页面加载后添加的画布元素不满意。

下面的示例有两个画布元素，一个存在于页面的 HTML 中，另一个则添加到 DOM 上。在画布上绘制的脚本仅适用于脚本运行之前存在的元素。

Linky

我尝试使用 IE 调试器找出发生了什么，我看到对于 HTML 画布，$(this)[0] 返回一个 DispHTMLGenericElement，但运行时画布返回一个 DispHTMLUnknownElement。我也用 document.getElementByID() 尝试过，同样的事情发生了。这只是 IE 处理画布元素的另一个奇怪之处吗？有办法解决吗？

Answer 1

来自 Explorer Canvas 的“说明”文件：

如果您已动态创建画布元素，则不会将 getContext 方法添加到元素中。要使其正常工作，您需要在 G_vmlCanvasManager 对象上调用 initElement。

     var el = document.createElement('canvas');
     G_vmlCanvasManager.initElement(el);
     var ctx = el.getContext('2d');

就是这样。现在您可以使用 Canvas 的 HTML5 规范作为参考。