Fabric.js知多少(二)

1,071 阅读1分钟

上一次咱们简单介绍了下fabric.js,这一次咱们来看看fabric.js代码结构

fabric.js目录剖析

fabric.js大体目录如下:其中省略了一些文件,想了解详细的可以访问fabric.js的github

其中我们比较关心的是fabric是如何渲染的? 下面我给大家简单讲讲

fabric.js渲染

大家都知道,fabric渲染的是对象数据,那么这个数据到底是如何被渲染出来的呢? 我们假设有一个数据对象Objects

当拿到Objects之后,下一步数据将会走到canvas.class.js中的renderAll方法

在下一步,会走到绘制Objects的js,也就是object.class.js,在这里,会根据不同的类型,走到不同类型的_render函数

举个例子,比如text和circle类型: 可以看出,textcircle的渲染,最终都是使用canvas的api进行渲染。

好了,这一期就到这里,下一期我们讲讲,如何在fabric.js渲染时进行修改