【问题标题】:How to make do 'pixie-based' free drawing in fabricjs如何在fabricjs中制作“基于小精灵”的免费绘图
【发布时间】:2014-02-16 18:02:10
【问题描述】:

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

但我理解默认情况下所有免费绘图都是“基于路径”的 i。 e.我们绘制的所有内容(在鼠标按下鼠标向上之间)都被捕获为画布中的单独路径,因此无法擦除路径的任意部分。所以我在想也许我们可以手动捕获鼠标向下/向上事件并通过小精灵绘制图像小精灵并将其放置在不透明度 = 0.5 的画布上?这样我们就可以使用白色来覆盖所有那些“旧”绘图?

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

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

【问题讨论】:

    标签: html canvas fabricjs


    【解决方案1】:

    当我遇到类似问题时,我没有完成我的尝试,但基本概念很简单'读取光标下的像素(以及画布下,另一个带有背景图像的画布)并绘制路径相同的颜色',创建橡皮擦效果。开始是这个 jsfiddle.net/DV9Bw/1/ 也许它可以帮助你,我没有尝试完成它,因为这个想法很快就被放弃了

    【讨论】:

      猜你喜欢
      • 2022-08-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-08-04
      • 2023-03-31
      相关资源
      最近更新 更多