javascript - 未捕获的类型错误：无法读取 null 的属性“宽度”

Question

我正在尝试使用fabric.js，现在我正在尝试放入一个图像进行试验。

我已按照教程进行操作，但即便如此，我还是收到以下错误：

Uncaught TypeError: Cannot read property 'width' of null

...指的是 all.js 中的第 14805 行：

_setWidthHeight: function(options) {
    this.width = 'width' in options
        ? options.width
        : (this.getElement().width || 0);    // <------ this line
    this.height = 'height' in options
        ? options.height
        : (this.getElement().height || 0);
},

我的代码（html）：

...
<div id="avatarBox">
    <canvas id="canvas" width="500" height="500"/>
    <img src="img/test.png" id="my-image">
</div>
...

我的代码（js）：

var canvas = new fabric.Canvas('canvas');
var imgElement = document.getElementById('my-img');

var imgInstance = new fabric.Image(imgElement, {
    left: 100,
    top: 100,
    angle: 30,
    opacity: 0.85
});

canvas.add(imgInstance);

有什么问题？

Answer 1

您的 html 中没有“my-img”。你有“我的形象”，也许问题来自那里？