Question

我看到了这个问题How to copy a kineticjs stage to another canvas它表明您可以将图层转换为画布：

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

和这样的上下文：

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

但如果我有一个带n的舞台，n> 1层如何将所有图层转换为一个Canvas？

Answer 1

你说＆＃34;将所有图层转换为Canvas＆＃34; ...暗示html5画布而不是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);
    }
});

KineticJS：如何将具有n层的舞台转换为画布？

1 个答案: