fabric.js-6

语言: CN / TW / HK

有了之前的知识储备,

那么我们已经知道了

fabricjs

他在原生底层的canvas api的基础上

进行了一个合理的,有道理又比较好用的包装,也可以说成是封装,

fabricjs提供了一些简单的图形类,可以很方便快捷的构造出简单的图形,传入参数,位置、宽高、填充、radius,另外fabricjs的对象采用原型继承模式,可以调用fabric.Object.prototype上的方法,有时尚方法set和get可以用来做属性的访问。path和group两个老铁很强,可以更丰富,做更复杂的操作。可以fabric.Image.绘制图片节点。

fabricjs还提供了动画方法,叫做爱你梅特方法。

爱你梅特方法,和set方法,用起来类似,但又有第三个参数,接收一个对象,可以在里面写onChange方法,回调函数,

这个爱你梅特方法,甚至可以传参数一个相对值,而不是绝对值。

讲道理,文档写了,renderAll之所以写在回调方法里,因为fabricjs没有自动每次都整个渲染,因为性能考虑,但大多数情况下,需要在动画的回调里写上renderAll。