fabricJS入门

Fabric.js是一个基于JavaScript的矢量图形编辑库，用于创建和改变HTML5 Canvas图像. 提供了大量接口和工具来创建和操作矢量图形素材、场景、特效、动画和精细的内容，可以让开发人员方便地操作canvas，简化canvas开发流程。 Fabric.js提供了各种交互功能，包括拖拽、缩放、旋转、锚点缩放、翻转、反转、碰撞检测等，以及图像处理、文字排版、SVG支持等功能， 可以使用户更加容易的操控矢量图形，更容易的实现图形动画等效果，尤其是支持矢量图像，能够让开发者更加灵活创造出各种效果。

基础功能

画布：可以创建/编辑/展示图片或矢量图像 图形：可以添加多种图形，如：矩形，圆形，椭圆，圆弧，多边形，直线，路径，文本等 图形编辑：可以在画布上对图形进行编辑，如：旋转，缩放，移动，添加/删除节点等 图形分组：可以将多个图形分组，同时编辑多个图形 动画：可以创建动画效果，如：变换，运动等 图像处理：可以将图片放置在画布上，对图片进行变形，裁剪，加滤镜等处理 交互：可以为画布添加交互，如：鼠标事件，拖拽，缩放，单击等 模板：可以使用各种模板来快速创建复杂的图形和效果 其他：还支持各种其他功能，如：栅格，网格，网格缩放，图层，对象锁定，对象剪切，缩略图，导入/导出等