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足以降低性能