哪个js库用于使用html5 canvas创建不复杂的动画?

时间:2012-02-15 08:50:03

标签: javascript html5 canvas html5-canvas html5-animation

我想用html5 canvas元素编写一些动画。我发现有一些js库有助于利用canvas功能。例如KineticJS,FabricJS。但我不知道使用哪个库。
使用这个库时有什么利弊?或者你可能知道更好的实施?

修改
我将创建类似于静态图片的东西,但是使用片段动画。例如天空中的浮云,花朵可以撕下花瓣并扔掉它。可能是一些带太阳的动画。这是一般性的描述,希望这会有所帮助。

3 个答案:

答案 0 :(得分:0)

有Processing.js,它是Processing for Java的一个端口。 Processing.js是2D图像的理想选择。

Raphaël使用svg绘制图像,从而提高兼容性。

对于3d,有Three.js,它同时使用canvas和webgl。

周围有很多不同的库,你应该首先找出你想要绘制的内容。

http://javascript.open-libraries.com/utilities/drawing/10-best-javascript-drawing-and-canvas-libraries/

答案 1 :(得分:0)

cgSceneGraph是一个javascript动画框架,提供带有时间轴,动画键,...的完整动画引擎。 它还提供了辅助方法,可以轻松地在元素的每个属性上添加动画。

网站主页上的示例正是您所说的,所以它应该符合您的需求:)

答案 2 :(得分:-2)

对于简单的动画,请忘记画布并使用带有背景图像的position: absolute div元素,您可以使用CSS transform translate3d和scale3d移动它们。