✨ 千万不要觉得使用Canvas开发滤镜很复杂。说白了它就是在操作每一个像素点，按照你的规则去重新配色

最近项目上要求实现让用户能够用鼠标绘制路径，区域，添加图片等需求。既然要实现绘制，一下子就想到用canvas去实现，于是在网上查找了一下有没有一些封装好的canvas库，最终决定使用fabric.js

【进阶1】使用Fabric.js玩转canvas画布 我正在参加「码上掘金挑战赛」详情请看：码上掘金挑战赛来了！

👑元素数量多了，难免会产生重叠。又或者某些效果需要几个元素重叠起来。这些情况大概率需要控制元素的层级。

🥁如果希望被操作的对象一直保持在原有的层级，这样操作起来某些情况下会更直观。那么你可以在初始化画布时将 preserveObjectStacking设为true🥁

还记得小时候电脑课经常玩的金山画王吗？里面提供了很多仿真画笔。这次我们就做一个简化(阉割)版，用 Fabric.js 提供的能力画画

Fabric.js 的基础包并没有包含橡皮擦模块，如果你的项目需要使用橡皮擦，那我一定要写篇文章来帮个忙~

在Fabric.js中模拟PhotoShop 椭圆工具的操作逻辑，实现点击拖拽生成圆形的功能。圆形在生成过程中会跟随鼠标的位置进行大小和起始坐标的动态调整。

如果你想用 canvas 画图，那不妨试试 Fabric.js 。跟着本文一步一步操作，一定可以入门 Fabric.js