HTML5 Canvas JavaScript库 Fabric.js 使用经验

首先，表明我的态度：采用 Flash 才是最优方案，不建议使用 HTML 5 的 Canvas 做一些生产/工业级的网页应用。

Flash的优势一是浏览器支持好，二是代码成熟稳定。而HTML5 的 Canvas 不利用网络上开源的 JS 绘图库，你是不可能做出复制的 Canvas 应用的。而网络中的 JS 绘图库目前杂且乱，部分库没更新几个月项目就被废弃了，现在还没有像 JQuery 之于 JS一样那么流行的 Canvas 绘图库。我看好的就是 Createjs    和 Fabric.js。 其中 Creatjs 包括 3 个 JS库（easeljs,tweenjs,soundjs），各司其职，分别用于Canvas 元素操作、动画特效、声音控制。Fabric.js 则是在矢量图方便特别好用，还有图元的放大、缩小、旋转之类好用。

 

Frabic.js 在实际使用中发现个明显缺点：定时器不好用，对于做动画特效来说，这很不方便。

Createjs 我只做过Demo，不过定时器设计的很好。翻阅很多论坛，评论说 它的 API 设计很像 Flash 的 ActionScript ，所以对于以前使用 Flash 开发的人来说，它很适合。由于我不会 AS ，感觉不到这点。

 

后面会有我使用 Fabric.js 做的一些很浅陋的应用。

 

PS: CreateJS 目前已经有 Adobe 之类的大厂商赞助，并且目前可以用CC导出，看来会成为下一波流行（Canvas JS库）的主流。