js最简单的几个特效_js编程

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




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




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

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




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




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




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

• 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 路径

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