介绍4种HTML5 Canvas库

1、bHive.js Library

http://www.bhivecanvas.com/

bHive能创建丰富的用户体验、动画、游戏,能够使开发更简单。

demo: http://www.bhivecanvas.com/demos/

介绍4种HTML5 Canvas库

2) Paper.js Library: Paper.js 是一个运行在html5 canvas上的矢量图开源框架. 它提供了贝塞尔曲线等很有用的接口和函数.

介绍4种HTML5 Canvas库

Link:http://paperjs.org/

3) HTML Canvas Library: 这是一个轻量级的功能全面的封装了html5 canvas基本特性的库, 能够使使用canvas实现各类视觉效果和动画更加简单. 支持图层面板,事件捕捉, 多点触控等各种demo.

介绍4种HTML5 Canvas库

Link:http://html-canvas-lib.sourceforge.net/

demo:http://html-canvas-lib.sourceforge.net/#examples

4) Fabric.js Library: Fabric.js is 一个强大而且简单的canvas库. Fabric 提供了基于Html5 canvas的交互式对象模型. Fabric 同时拥有 SVG-to-canvas (and canvas-to-SVG) 的转换器.

介绍4种HTML5 Canvas库

Link:http://fabricjs.com/

个人觉得掌握Canvas api不难,难得是javascript各类动画的算法。物理数学好了,这些都是小case