KineticJS：如何將n層的舞台轉換為畫布？

Question

我已經看到了這個問題， 如何將dynamics舞台復制到另一個畫布，這表明您可以將圖層轉換為畫布，如下所示：

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

和這樣的上下文：

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

但是，如果我的舞台具有n，n> 1層，如何將所有層轉換為一個Canvas？

Answer 1

您說“將所有圖層轉換為Canvas上的內容” ...暗含html5 canvas而不是Kinetic。

示例代碼和演示： 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);
    }
});