Question

Fabric.js 是一个可以简化 Canvas 程序编写的库。 Fabric.js 为 Canvas 提供所缺少的对象模型, svg parser, 交互和一整套其他不可或缺的工具。由于 Fabric.js 为国外框架，官方 API 杂乱繁多，相关文档大多为英文文档，而且数量不多，所以本文旨在帮助新手在项目中快速上手 Fabric.js，享受绘制 Canvas 的过程。

为什么要使用 Fabric.js？

Canvas 提供一个好的画布能力，但是 API 不够友好。绘制简单图形其实还可以，不过做一些复杂的图形绘制, 编写一些复杂的效果，就不是那么方便了。Fabric.js 就是为此而开发，它主要就是用对象的方式去编写代码。

F​abric.js 能做的事情

• 在 Canvas 上创建、填充图形（包括图片、文字、规则图形和复杂路径组成图形）。
• 给图形填充渐变颜色。
• 组合图形（包括组合图形、图形文字、图片等）。
• 设置图形动画集用户交互。
• 生成 JSON, SVG 数据等。
• 生成 Canvas 对象自带拖拉拽功能。