如何將paper.js項目合併到光柵圖像中？

Question

我正在使用paper.js創建一個應用程序，在該應用程序中我可以標記圖像然後保存它。

我的紙張項目的最低層是圖像的光柵。下一層是使用各種paper.js項目完成矢量圖形標記的地方。當一個項目被提交時，我將它複製到保存它的較低（柵格）圖層。但它只是圖層中的子項，不是光柵化圖像的一部分。如果我使用toDataURL將柵格捕獲爲圖像，則子項不是圖像的一部分（我不希望它們是）。

如何使用paper.js項插入/覆蓋部分光柵化圖像？我可以首先光柵化該項目，但是接下來我需要知道如何將兩個柵格合併爲另一個柵格的疊加部分？如果我首先轉換爲光柵，那麼不在實際paperjs項目中但在包圍矩形中的像素將需要是透明的，即不覆蓋光柵化圖像。

Answer 1

您可以從整層柵格對象，然後將其轉換成一個DataURL字符串：

var tempImg = project.layers[0].rasterize(); 
var dataString = tempImg.toDataURL(); 
tempImg.remove();