fabricjs - fabric.Image オブジェクト属性 src のイメージを変更するには?

Question

fabric.Image既にアニメーションを作成している場合、オブジェクト属性 srcの画像を変更するにはどうすればよいですか?

Answer 1

を使用.setElement()してイメージを変更できます。

たとえば、 という fabricJS 画像オブジェクトがあるとしmyFabricObectます。

次に、ページに html 画像要素がある場合は、次のよう<img id="newImage">にロードできます。myFabricObject"newImage"

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

また、JavaScriptImage()を作成して、次のように割り当てることもできmyFabricObjectます。

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

Answer 2

これは私が見つけた最良の選択肢です

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