javascript - 如何将 paper.js 项目合并到光栅图像中？

Question

我正在使用 paper.js 创建一个应用程序，我可以在其中标记图像然后保存它。

我的论文项目的最低层是图像的光栅。下一层是使用各种 paper.js 项目完成矢量图形标记的地方。提交项目后，我将其复制到保留它的较低（光栅）层。但它只是图层的子项，而不是光栅化图像的一部分。如果我使用 toDataURL 将光栅捕获为图像，则子项不是图像的一部分（我不希望它们是）。

如何使用 paper.js 项目插入/覆盖部分光栅化图像？我可以先对项目进行栅格化，但是我需要知道如何将两个栅格与另一个栅格的一个重叠部分合并？如果我首先转换为光栅，那么不在实际 paperjs 项目中但在封闭矩形中的像素将需要是透明的，即不覆盖光栅化图像。

score 5 · Accepted Answer

您可以从整个图层创建一个栅格对象，然后将其转换为 DataURL 字符串：

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

1 回答 1