尝试实现excanvas但得到错误

Question

我正在尝试实现excanvas，以便我的脚本能够在IE和兼容标准的浏览器中工作。我包括jquery，然后是我的脚本。我正在创建这样的画布元素：

data.canvas = $(document.createElement('canvas')).attr('width', data.fontwidth * 80 + 'px').attr('height', data.fontheight * 25 + 'px');
$this.append(data.canvas);

但是，当我尝试ctx = data.canvas[0].getContext('2d');时，我在excanvas.js中的第160行上得到了一个Object doesn't support this property or method' error on that line. Additionally I'm getting an无效的argument`错误。

我的完整代码是这里。工作页面(IE除外)是这里。我使用的excanvas版本是这里。

更新解决了第二个错误。在调用init函数之前，我必须追加元素。

Answer 1

来自文档

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

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

Answer 2

画布宽度属性必须是数字。

<canvas width="164" height="164"></canvas>

不

<canvas width="164px" height="164px"></canvas>