Angular FabricJs-大型图像移动缓慢

Angular FabricJs-大型图像移动缓慢,angular,fabricjs,Angular,Fabricjs,我以以下方式将图像添加到画布: public addImageToCanvas(imageUrl: string){ fabric.Image.fromURL(imageUrl,(img)=>{ var dataURL = img.toDataURL({}); fabric.Image.fromURL(dataURL, (imgFromDataUrl)=>{ this.canvas.add(imgFromDataUr

我以以下方式将图像添加到画布:

  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' })
}
我分两步进行,因为我希望稍后存储canvas JSON,并且希望它将图像作为blob,而不是链接

当我在画布上移动图像时,它是滞后的。我尝试尝试使用.objectCache属性,但它对性能没有影响


是否有人遇到过类似的问题并解决了此性能问题?

多大才算大?1200x1000px足以降低性能