未捕獲TypeError：無法讀取null屬性的'寬度'

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

您沒有 「我的-IMG」 在你的HTML。你有「我的形象」，也許問題來自那裏？