How to change the image of the fabric.Image object attribute src?

问题

How can I change the image of the fabric.Image object attribute src, if I have already made an animation?

回答1:

You can use .setElement() to change the image.

For example, let's say you have a fabricJS image object called myFabricObect.

Then, if you have an html image element <img id="newImage"> on your page, you can load your myFabricObject with the "newImage" like this:

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

You could also create a javascript Image() and assign that to myFabricObject:

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

回答2:

This is best option I found

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

回答3:

You can use setSrc():

var activeObject = canvas.getActiveObject();
activeObject.setSrc('images/my-image.png', function(img) {
    canvas.add(img);
});

来源：https://stackoverflow.com/questions/15179976/how-to-change-the-image-of-the-fabric-image-object-attribute-src