如何在 fabricjs 中制作'pixie-based'免费绘图



我正在尝试为我的 fabricjs基于0.5不透明绘图应用程序(带有非平凡的背景图像),i。e。所有图纸都是半透明的,我们仍然可以通过免费图纸看到背景。

但是,默认情况下,我了解所有免费图形都是"基于路径的" i。e。我们绘制的所有内容(在鼠标向上之间)被捕获为画布中的单个路径,因此不可能擦除路径的任意部分。因此,我想也许我们可以手动捕获鼠标降低/向上的事件,并用Pixie绘制图像小精灵,然后以不透明的= 0.5将其放在画布上?这样我们就可以使用白色来覆盖所有这些"旧"图纸?

这是一种可行/有效的解决方案吗?

但是,我不确定如何在fabricjs中实现?您能给我一些有关步骤或伪代码的建议吗?谢谢

我在遇到类似问题时没有完成我的尝试图像是)并用相同的颜色绘制路径,从而产生橡皮擦效果。最初的石头是jsfiddle.net/dv9bw/1/也许可以帮助您,我没有尝试完成它,因为这个想法很快就被放弃了

最新更新