/ / KineticJS: Ako previesť scénu s vrstvami n na plátno? - javascript, html, html5, canvas, kineticjs

KineticJS: Ako previesť scénu s n vrstvami na plátno? - javascript, html, html5, plátno, kineticjs

Videl som túto otázku Ako skopírovať scénu kineticjs na iné plátno ukazuje, že vrstvu môžete previesť na plátno ako:

var canvasElement = layer.getCanvas().getElement();

a kontext, ako je tento:

var context = layer.getCanvas().getContext();

Ale ak mám fázu s n, n> 1 vrstvami, ako skonvertujem všetky vrstvy na jedno plátno?

odpovede:

1 pre odpoveď č. 1

Hovoríte „previesť všetky vrstvy na plátno“ ... naznačujúc skôr plátno html5 ako niečo, čo je kinetické.

Príklad kódu a ukážka: http://jsfiddle.net/m1erickson/CBxUj/

var canvas=document.createElement("canvas");
var ctx=canvas.getContext("2d");
document.body.appendChild(canvas);

stage.toImage({
x:0,
y:0,
width:stage.width(),
height:stage.height(),
callback:function(img){
canvas.width=img.width;
canvas.height=img.height;
ctx.drawImage(img,0,0);
}
});