我想用 html5 canvas 元素写一些动画。我发现有一些 js 库有助于利用画布功能。例如 KineticJS、FabricJS。但我不知道使用哪个库。
使用这个库有什么优缺点?或者您可能知道更好的实施方式?
编辑
我将创建一些类似于静态图片的东西,但带有一段动画。例如天空上的浮云,可以撕下花瓣并扔掉的花朵。可能是一些带有太阳的动画。这是一般描述,希望对您有所帮助。
我想用 html5 canvas 元素写一些动画。我发现有一些 js 库有助于利用画布功能。例如 KineticJS、FabricJS。但我不知道使用哪个库。
使用这个库有什么优缺点?或者您可能知道更好的实施方式?
编辑
我将创建一些类似于静态图片的东西,但带有一段动画。例如天空上的浮云,可以撕下花瓣并扔掉的花朵。可能是一些带有太阳的动画。这是一般描述,希望对您有所帮助。
Processing.js 是 Processing for Java 的一个端口。Processing.js 非常适合 2d 图像。
Raphaël 使用 svg 来绘制图像,这会带来更多的兼容性。
对于 3d,有 Three.js,它同时使用 canvas 和 webgl。
周围有很多不同的库,你应该先找出你想画什么。
cgSceneGraph是一个 javascript 动画框架,它提供了一个完整的动画引擎,包括时间线、动画键……它还提供了帮助方法来轻松地在元素的每个属性上添加动画。
网站主页上的示例正是您所说的,所以它应该适合您的需要:)
For simple animations forget the canvas and use position: absolute
div elements with background image that you can move around with CSS transform translate3d and scale3d.