javascript - KineticJS:如何从 Canvas 初始化图像？

Question

我有一个 Canvas 元素

var canvas; // some canvas

其中包含一张图片。

是否可以从 Canvas 元素初始化 KineticJS 图像？如果不是，我如何以最快的方式从 Canvas 获取 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();