Javascript KineticJS：如何从画布初始化图像？

我有一个画布元素

var canvas; // some canvas

其中包含一个图像

是否可以从画布元素初始化KineticJS图像？如果没有，我如何以最快的方式从画布上获取KineticJS图像？

当然

您可以将canvas元素用作KineticJS.Image的源：

var canvas=document.getElementById("myCanvas");  // or createElement

...  // do stuff on the canvas element

var image1 = new Kinetic.Image({
    x:40,
    y:40,
    image:canvas,
});
layer.add(image1);
layer.draw();

---

创建KineticJS图像后，我是否可以将其从KineticJS图像切换？这可用于保留图像属性，但更改图像本身？我不确定您的后续评论是什么要求：-\the Kinetic.Image将更新以反映画布元素上的任何新图形。事实并非如此。如果旋转或缩放Kinetic.Image，则画布元素将保持未旋转和未缩放状态。祝你的项目好运！我的问题是：我是否可以更改图像资源，即为KineticJS图像分配一个新图像？当然，您可以使用myImage.image（newImageObject）更改Kinetic.image源；注意：newImageObject必须是（1）html img元素（2）内存中的图像对象：var newImageObject=new image（），或（3）画布元素。我来看看你链接中的问题。哦，对不起！它应该是

myImage.setImage（）

而不是myImage.image（）。您可以向setImage提供3种类型的图像中的任意一种。