尝试实现 excanvas 但出现错误

Question

我正在尝试实现 excanvas，以便我的脚本可以在 IE 以及符合标准的浏览器中运行。我包括 jquery、excanvas 然后是我的脚本。我正在像这样创建画布元素：

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'); 我得到一个 Object does not support该行上的此属性或方法错误。此外，我在 excanvas.js 内的第 160 行收到一个Invalid 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>