KineticJS：如何將舞臺轉換爲HTML5畫布元素？

Question

我有一個有很多圖層的KineticJS舞臺。

我發現這個職位：How to copy a kineticjs stage to another canvas

它說，我得到從一層

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

是否也可以到一個階段導出到畫布canvas元素？

Answer 1

在您的使用情況下，你可以這樣做：

1. 在硬盤的方式，你可以創建自定義的canvas元素（或Kinetic.Layer），然後CONVER舞臺到圖像時，圖像畫到畫布（層），然後將它傳遞給插件。

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