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

Question

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

Answer 1

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

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

然后,如果你有一个HTML图像元素<img id="newImage">的页面上,你可以加载你myFabricObject用"newImage"这样的:

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

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

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

Answer 2

你可以使用setSrc()：

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