KineticJS: Как преобразовать сцену с n слоями на холст?

Question

Я видел этот вопрос How to copy a kineticjs stage to another canvas это показывает, что вы можете преобразовать слой в холст, как:

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

и контекст, как это:

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

Но если у меня есть этап с п, n> 1 слой Как преобразовать все слои в один холст?

Answer 1

Вы говорите «преобразовать все слои в холст» ... подразумевая холст html5, а не что-то кинетическое.

Пример кода и демо: 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); 
    } 
});