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

Question

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

Answer 1

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

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

然后，如果页面上有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";