angular - FabricJs - 大图像移动滞后

Question

我通过以下方式将图像添加到画布：

  public addImageToCanvas(imageUrl: string){
    fabric.Image.fromURL(imageUrl,(img)=>{
        var dataURL = img.toDataURL({});
        fabric.Image.fromURL(dataURL, (imgFromDataUrl)=>{
            this.canvas.add(imgFromDataUrl);
            this.canvas.setActiveObject(imgFromDataUrl);
        })
        },{ crossOrigin: 'anonymous' })
}

我分两步执行此操作，因为我想稍后存储画布 JSON，并且我希望它将图像作为 blob，而不是作为链接。

当我在画布上移动图像时，它很迟钝。我尝试使用 .objectCache 属性进行试验，但它对性能没有影响。

有没有人遇到过类似的问题并解决了这个性能问题？

标签： angularfabricjs