Come modificare l'immagine del fabric.Image attributo dell'oggetto src?

Question

Come posso cambiare l'immagine dell'attributo oggetto fabric.Image src, se ho già realizzato un'animazione?

Answer 1

È possibile utilizzare .setElement() per modificare l'immagine.

Ad esempio, supponiamo di avere un oggetto immagine fabricJS denominato myFabricObect.

Quindi, se si dispone di un elemento di immagine HTML <img id="newImage"> sulla tua pagina, è possibile caricare il tuo myFabricObject con la "newImage" in questo modo:

myFabricObject.setElement(document.getElementById("newImage")); 

Si potrebbe anche creare un javascript Image() e assegnare quello a myFabricObject:

var img=new Image(); 
img.onload=function(){ 
    myFabricObject.setElement(img); 
} 
img.src="myNewImage.png"; 

Answer 2

Questa è la migliore opzione che ho trovato

var activeObject = canvas.getActiveObject(); 
activeObject.setSrc(data.url);