首页 文章

如何将paper.js项合并到光栅图像中?

提问于
浏览
1

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

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

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

1 回答

  • 3

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

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

相关问题