KineticJS:如何将舞台转换为HTML5画布元素

Question

我有一个有很多层的KineticJS阶段。

我找到了这篇文章： 如何将 kineticjs 阶段复制到另一个画布

它说我从图层中获取一个画布元素作为

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