Fabric.js - 从url加载的移动图像接收错误：无法读取未定义的属性“length”

Question

我是fabric.js的新手，我尝试将其添加到React应用程序中。我在窗口上创建了画布，因此它将是全局的，并且可以从所有组件中获得：

window.fabricCanvas = new Fabric.fabric.Canvas();

单击“添加图像”按钮时，将调用以下函数：

addImage() {
Fabric.fabric.Image.fromURL(this.state.imageUrl, function(img) {
  let oImg = img.set({left: 50, top: 100, angle: -15}).scale(0.5);
  window.fabricCanvas.add(oImg).renderAll();
  window.fabricCanvas.setActiveObject(oImg);
})};

图像确实已加载，但如果我尝试移动\缩放图像则会消失，我在控制台中收到此错误：

Cannot read property 'length' of undefined at klass._render (fabric.js:18795)

在代码中引用此行：

if (this.isMoving === false && this.resizeFilters.length && this._needsResize()) {

任何想法我的代码有什么问题？

Answer 1

我在使用2.0.0-beta2时遇到了同样的问题，但它在稳定的1.7.11下工作正常，所以请尝试切换到。