背景
我们知道canvas适合绘制复杂轨迹，但是绘制完后，轨迹对象无法获取，也无法操作；并且canvas的绘制每次都是全量的；这两个点无法满足复杂的需求，也会加重开发者的工作，而且项目难以维护。
现在有一个框架fabric，它将几何元素封装成几何对象给开发者使用，我们可以传入数据即可绘制元素，而且几何对象可以二次操作，我们近乎只需要关注传递给fabric的数据即可，这点是不是和react很像！我们只需要关注数据，框架帮我们调用绘制api，这是典型的mvc架构；
fabric的性能优化手段很多：
- 虚拟滚动，只渲染视图内的元素
- 合并不同的几何元素
- data层改变后，可以对比前后对象树做差量更新
设计模式
fabric内部使用了很多的设计模式，值得我们学习和借鉴，这些设计模式在开发基于fabric的项目时是很有用的
- 工厂模式：大部分几何元素都通过一个工厂类来生成
- 单例模式：全局唯一的canvas对象，方便共享变量，全局访问
- 观察者模式：将事件触发和事件处理通过订阅发布的方式解耦
- 命令模式：以遥控器里的各个按钮（命令）来控制电视机；fabricjs将用户的操作（创建元素、移动、旋转、缩放对象）命令化，从而能记录用户的行为并方便撤销行为
- 适配者模式：对不同的浏览器做不同的适配操作