目标:已录制288集免费视频,目标1000集免费视频。 [视频目录]

Fabric.js在我们这里(天朝)使用的并不是很多,但是这并不能掩盖它的优点,正所谓:大米饭永远盖不住四喜丸子。我在网上搜了很多Fabric的文章,多是英文的,几乎没什么中文的介绍和教程。由于英文的原因增加了小伙伴们的学习梯度,那我就把我对Fabric.js所掌握的知识和了解的东西,写成文章,做成视频,希望可以帮助更多的小伙伴进行学习。

这套教程每一节都会有文字版和视频版,如果你在工作时不方便观看视频教程,您可以阅读文字版的教程。

最近GitHub被墙,所以提供国内的coding作为源码仓库。

源码:https://coding.net/u/shenghongyu/p/fabric.js-Demo/git

第01节:初识简单而且强大的Fabric.js库

第02节:在Canvas上画简单的图形

第03节:在Canvas上插入图片并设置旋转属性

第04节:Fabric.js用路径画不规则图形

第05节:Fabric.js的动画设置

第06节:Fabric.js的图像过滤器

第07节:Fabric.js的颜色模式和相互转换

第08节:Fabric.js的渐变填充

第09节:Fabric.js的文本设置

第10节:Fabric.js的事件系统

第11节:Fabric.js的分组绘制(一)

第12节:Fabric.js的分组绘制(二)

第13节:Fabric.js的序列化和反序列化