本文介绍点赞+关注+收藏=了解到本文介绍了Fabric.js的橡皮擦功能。Fabric.js的基础包不包含橡皮擦模块。如果你的项目需要使用橡皮擦,你需要使用定制版的Fabric.js。本文需要Fabric.js的基本知识。如果你还不知道什么是Fabric.js,建议你给它点个赞《Fabric.js 从入门到目中无人》。知道如何使用基本画笔《Fabric.js 基础画笔的用法 BaseBrush》也很好。本文使用Fabric5.2版本。敲敲代码本文使用原生三件套进行开发。还将有一个包含橡皮擦的npm下载。自定义Fabric.jsFabric.js的基本版本不包括橡皮擦功能。如果你的项目需要使用橡皮擦功能,需要在FabricJSbuilder中自定义。CDN选择擦除,然后滑动到页面底部,根据您的项目需求下载开发版或压缩版。以上是CDN的做法。在要使用橡皮擦,首先需要设置isDrawingMode设置为truenewfabric.EraserBrush需要传入画布本身,初始化画布时对象constcanvas=this.__canvas=newfabric.Canvas('c')。将canvas.freeDrawingBrush.inverted设置为true可恢复被擦除的内容。代码仓库?Fabric.js橡皮擦使用推荐阅读文章介绍《Fabric.js 基础画笔的用法 BaseBrush》在阅读本文之前,强烈建议大家先了解一下基本画笔的用法,因为橡皮擦其实就是一个画笔《Fabric.js 自由绘制圆形》改革了“选框”动作自由画圆《Fabric.js 3个api设置画布宽高》宽度和高度设置仅在初始化时可用。本文介绍了3种设置画布宽高的方法,让你的画布更容易适应不同的使用场景《Fabric.js 更换图片的3种方法(包括更换分组内的图片,以及存在缓存的情况)》如果你的项目需要动态改变画布上的图片,那么我也总结了3种方法你《Fabric.js 摆正元素的4种方法(带过渡动画)》一键对齐你旋转的元素《Fabric.js 将本地图像上传到画布背景》除了在初始化时设置画布背景外,我还在本地上传了背景功能让画布在运行时修改背景图像《在 Vue3中使用Fabric.js实现渐变(Gradient)效果,包括径向渐变radial》官方介绍tutorial只有线性渐变,以至于有文章说Fabric.js只支持线性渐变。但其实径向渐变也完全支持《Fabric.js 从入门到目中无人》Fabric.js入门指南,学完简单的业务就可以搞定了《Fabric.js 右键菜单》Fabric.js还没有右键事件,如果想实现右键的功能-点击菜单,可以直接复制文章代码~点赞+关注+收藏=学习了
