如何将Paper.js项目合并成光栅图像？

Question

如何将Paper.js项目合并成光栅图像？

3

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

我的paper项目的最底层是图像的光栅。上面一层是使用各种paper.js项目进行矢量图形标记的地方。当一个项目被提交时，我将其复制到较低（光栅）层中，以便保留。但它只是图层的子项，不是光栅化图像的一部分。如果我使用toDataURL捕获光栅作为图像，则子项不是图像的一部分（我不希望它们成为图像的一部分）。

如何插入/覆盖光栅化图像的某个部分与paper.js项目？我可以先将项目光栅化，但然后我需要知道如何合并两个光栅，其中一个覆盖另一个的一部分？如果我首先转换为光栅，则不在实际paperjs项目中但在围绕矩形中的像素将需要透明，即不会覆盖光栅化的图像。

- bmacnaughton

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Alex Blackwood · Accepted Answer

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

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