如何在 Konva 中通过另一个图像来剪辑图像,就像 Fabric.js ClipPath 一样

问题描述 投票:0回答:1

如何用另一张图像剪辑图像? 我需要像 Fabric.js ClipPath 中那样的行为 - 一个图像剪辑另一个图像。主图像将是可调整的 - 可拖动和可缩放,剪辑图像将是静态的。主图可以包含视频

我尝试[https://jsfiddle.net/mgdah8wc/23/],但在添加带有剪辑图像的组后,其下的所有形状都会被剪辑到。像 [https://jsfiddle.net/xLL3veu6/] 我不能,因为我有几个带有剪辑的图像

javascript canvas konvajs clip clip-path
1个回答
0
投票

如果目标是使用 (a) 长颈鹿图像作为掩模来制作一条要填充的路径 (b) 灰色图像,然后让它们都出现在 (c) 橙色矩形上方,那么您需要组成 a + b 与单独的画布交互并将图像从该画布中抓取到画布中。

Konva 是 HTML5 画布的包装器,因此它遵循与画布相同的合成规则。 Fabric 很可能也在幕后使用了这种中间画布合成方法。

© www.soinside.com 2019 - 2024. All rights reserved.