Fabricjs-全面基础掌握-1.1.Fabricjs介绍

1.背景

• 官方文档：http://fabricjs.com/docs/

• Fabric.js是一个完全开源的Javascript HTML5 （画布库）项目，于2010年左右开始创建，降低了开发Canvas的过程中，各种类型的交互与>变更的复杂度

• Fabric在画布元素之上提供交互式对象模型，Fabric 也有SVG-to-canvas（和canvas-to-SVG）解析器

2.用途

• 通过Fabricjs可以轻松加载图片和SVG，简单实现绘制点、线、和内置的规则图形

• 通过路径（Path）对象可以实现各种复杂多边形的绘制，并且存在多种内置动画

• 事件方面，简单几行代码就可实现：平移、选中、剪切、伸缩、画板、等复杂操作

• Fabric.js画布上存在内容都是作为对象存在，对象是Fabric的一等公民，对于已经画好的内容进行变更位置与状态，无需擦除后重新绘制，只需要对变更对象的属性进行修改，然后执行画布的.renderAll();方法即可重新渲染

3.基本对象

• Fabric.js提供了如下的9种基本对象，通过 new fabric.XX(option)；进行创建

• fabric.Circle 圆

• fabric.Ellipse 椭圆

• fabric.Line 线

• fabric.Polygon 多边形

• fabric.Polyline 折线

• fabric.Rect 巨型

• fabric.Triangle 三角形

• fabric.Image 图片

• fabric.Path 路径

回到目录

❀❀❀❀❀❀❀❀❀❀❀❀