Question

我正在尝试使用fabric.js，现在我正试图将图像放入实验中。

我已关注the tutorial，但即便如此，我收到以下错误：

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”。你有“我的形象”，也许问题来自那里？

未捕获的TypeError：无法读取null的属性“width”

1 个答案: