CODEWITHSUNDEEP
javascripthtmlcanvaskineticjs
Michael
Michael

Reputation: 33307

KineticJS: How do I init an Image from a Canvas?

I have a canvas element

var canvas; // some canvas

which contains an image.

Is it possible to init a KineticJS Image from a canvas element? If not how would I get the KineticJS image from a canvas the fastest way?

Upvotes: 1

Views: 73

Answers (1)

markE
markE

Reputation: 105035

Sure!

You can use the canvas element as a source for a 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();

Upvotes: 2

Related Questions