Fabric.js橡皮擦问题画布

我想使用Fabric.js在我的Web应用程序中实现橡皮擦.有没有办法在Fabric.js中实现橡皮擦?例如,在MS Paint中?

解决方法

Fabric中没有内置的橡皮擦,实现起来有点困难.

Fabric的一点是,所有东西都是基于对象的,而且大多数东西都是基于矢量的.

与原生画布不同,我们不能只删除全局位图上的一些像素.我们在下面有完整的对象模型,canvas输出是渲染到画布上的所有对象的简单循环.

我们可以模仿橡皮擦的一种方法可能是在画布上面进行某种覆盖.并且在它上面划出“擦除”的线条,给出了被消灭的基础物体的幻觉.

但是这仍然存在并发症:

>我们如何序列化这一层(到JSON或SVG)?
>如果您删除以前绘制的路径的一半然后想要使用已擦除的形状,该怎么办?形状本身需要修改;叠加不起作用.
>橡皮擦会影响形状还是背景颜色?背景图片怎么样?

目前我可能还没有想到更多的问题.

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...