如何将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();