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

Question

我有一个画布元素

var canvas; // some canvas

包含图片。

是否可以从canvas元素初始化KineticJS图像？如果不是，我怎样才能以最快的方式从画布中获取KineticJS图像？

Answer 1

当然！

您可以使用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();