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库)的主流。

原文地址:https://www.cnblogs.com/muyun/p/4943018.html