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