KineticJS：如何將舞台轉換為HTML5 Canvas元素？

Question

我有一個帶有很多層的KineticJS階段。

我發現了這篇文章： 如何將一個dynamicjs舞台復制到另一個畫布

它說我從圖層獲取畫布元素

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

是否可以將舞台導出到畫布中？

Answer 1

在您的用例中，您可以執行以下操作：

1. 以困難的方式，您可以創建自定義畫布元素（或Kinetic.Layer ），然后將Stage轉換為Image，將圖像繪制到canvas（圖層），然后將其傳遞給插件。

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