KineticJS：如何将舞台转换为HTML5 Canvas元素？

Question

我有一个有很多层的KineticJS舞台。

我发现了这篇文章：How to copy a kineticjs stage to another canvas

它说我从图层中获取了一个canvas元素

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

是否也可以将舞台导出到画布中？

Answer 1

在您的使用案例中，您可以这样做：

1. 您可以创建自定义画布元素（或Kinetic.Layer），然后将舞台转换为图像，将图像绘制到画布（图层），然后将其传递给插件。

2. 但这种方式也应该有效。我刚看到插件源码。这很简单（js部分）。我编辑了它：

   stage.toDataURL({
       callback : function(data) {
           var imageData = data.replace(/data:image\/png;base64,/,'');
           return cordova.exec(function() {
               // done callback
           }, function() {
               // fail callback
           }, "Canvas2ImagePlugin","saveImageDataToLibrary",[imageData])
       }
   });