如何更改fabric.Image对象属性src的图像？答案

【问题标题】：How to change the image of the fabric.Image object attribute src?如何更改fabric.Image对象属性src的图像？
【发布时间】：2013-02-17 06:24:45
【问题描述】：

如果我已经制作了动画，如何更改fabric.Image对象属性src的图像？

【问题讨论】：

标签： fabricjs

【解决方案1】：

您可以使用.setElement()更改图片。

例如，假设您有一个名为 myFabricObect 的 fabricJS 图像对象。

然后，如果您的页面上有一个 html 图像元素 <img id="newImage">，您可以像这样使用 "newImage" 加载您的 myFabricObject：

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

您还可以创建一个 javascript Image() 并将其分配给 myFabricObject：

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

【讨论】：

非常感谢您的帮助
你可能想在你的图片中添加crossOrigin，在var img = new Image();之后添加img.crossOrigin = 'Anonymous';

【解决方案2】：

这是我找到的最佳选择

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

【讨论】：

【解决方案3】：

你可以使用setSrc():

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

【讨论】：