javascript - KineticJS:如何将 n 层的舞台转换为 Canvas ？

Question

我看过这个问题How to copy a kineticjs stage to another canvas它表明您可以将图层转换为 Canvas :

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);
    }
});