Fabric JS - 在 PNG 蒙版下制作拼贴画
Fabric JS - making collage under PNG mask
我们的团队正在制作在线拼贴画。
[https://jsfiddle.net/Lfz1bp7r/3/]
从特点上讲，拼贴画应该在 PNG 文件的掩码下。在这个阶段，我们正在尝试不同的库。注意 fabricJS。拼贴方案是使用 SVG 路径实现的。第一个问题是在 SVG 路径中跟踪鼠标事件。手动实施。主要问题是添加一张新图片，它应该在拼贴上方但在遮罩下方。使用 globalCompositeOperation 进行操作无济于事。 fabricJS 中没有层。
所以问题是 - fabricJS 是否允许您在拼贴画之上但在 PNG 蒙版下添加新图片？可能吗？
非常感谢您！
FabricJS 包括两种在标准对象和控件层之上的 canvas 之上绘制的方法。您可以设置一个 overlayImage, and you can use the after:render event to run additional draw commands on the canvas context. See the Bounding Rectangle demo 作为如何执行此操作的简单示例。
我们的团队正在制作在线拼贴画。 [https://jsfiddle.net/Lfz1bp7r/3/]
从特点上讲，拼贴画应该在 PNG 文件的掩码下。在这个阶段，我们正在尝试不同的库。注意 fabricJS。拼贴方案是使用 SVG 路径实现的。第一个问题是在 SVG 路径中跟踪鼠标事件。手动实施。主要问题是添加一张新图片，它应该在拼贴上方但在遮罩下方。使用 globalCompositeOperation 进行操作无济于事。 fabricJS 中没有层。
所以问题是 - fabricJS 是否允许您在拼贴画之上但在 PNG 蒙版下添加新图片？可能吗？
非常感谢您！
FabricJS 包括两种在标准对象和控件层之上的 canvas 之上绘制的方法。您可以设置一个 overlayImage, and you can use the after:render event to run additional draw commands on the canvas context. See the Bounding Rectangle demo 作为如何执行此操作的简单示例。