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();