开发者问题收集

Fabric.js-从 URL 加载的移动图像出现错误:无法读取未定义的属性“长度”

2017-06-04
633

我是 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()) {

有什么想法我的代码有什么问题吗?

1个回答

我在使用 2.0.0-beta2 时遇到了同样的问题,但它在稳定的 1.7.11 上运行良好,因此请尝试切换到该版本。

Gert
2017-06-06