2010-11-15 21 views
4

html5是否可以帮助开发人员以任何方式创建动画矢量图形?我正在谈论直接的关键帧矢量动画,比如闪光灯。html5在动画矢量图形中有用吗?

是基本上使用javascript来操作SVG图形的方法(比如http://www.raphaeljs.com做什么?这对我来说有点奇怪,因为它在浏览器中已经支持了相当长的一段时间),或者HTML5/canvas有一定的适应性矢量图形动画?

我只是想了解什么是“新”方式开发人员将动画在网络上的载体,如果/当闪存插件最终死亡。

感谢

回答

3

还有CSS animation,这是声明,并因为JavaScript代码是不是推动画可以更有效。

但是,SVG方法并没有什么内在的错误,它也更加兼容。

2

目前除了可以用Flash创建动画之类的复杂动画之外,没有其他选择(例如形状 - 补间动画或带有3D或骨骼的动画),我个人认为如果您想要跨浏览器杀手动画。 Flash IDE提供了许多动画功能,这些动画功能在当前任何基于Web的工具中都未实现。 HTML/css非常有限,因为它不能完全支持所有浏览器中的倾斜/旋转/透视,并且HTML中也无法为背景图像制作动画。但是,您可以使用Javascript创建程序化补间(如补间动画)。在这种HTML状态下,你必须有点硬核程序员才能获得认真的DHTML动画,并且我认为你必须处理CSS sprites或其他blitting技术才能获得一些性能。除动画外,Flash还提供过滤和混合模式,您也可以在动画中使用这些模式。您可以使用jQuery中的animate()函数进行非常简单的动画(移动,淡入淡出,幻灯片);你可以随着时间改变属性。对于很多Web应用程序;这足够了。但是,如果您想要制作矢量动画或想要基于帧的动画; Flash是目前最好的选择。

PS。动画GIF有什么问题?

+0

您的知识不是最新的。使用HTML5系列技术可以完成许多您不可能完成的任务。 – Chuck 2010-11-15 19:03:57

+5

我并不是说不可能,我的意思是不支持或很好实施(这是一种耻辱);是的,它可以在您的浏览器中运行,但HTML5尚未得到完全支持。是的,您可以使用浏览器的某些测试版功能(使用-moz或-webkit前缀),但它尚未被接受和标准化(当我们谈论动画时)HTML5的当前状态尚未准备好并可用于现实生活中,当您关心跨浏览器的实现。请告诉我我答案的哪一部分不正确。复杂的动画不是HTML的一部分,现在你应该使用Flash。 – 2010-11-15 19:14:41

+0

+1,flash至少可以用作创建和开发动画的环境。 html – Jan 2010-11-15 20:09:38

2

This可能会在未来感兴趣。它是Adobe公司的HTML5转换工具Flash。也许网络上有一个未来,两种技术将聚合到一个单一的目的,而不是两个并行的并行技术。

我们可能会同意闪光灯有一些缺点,封闭的,慢技术。但我不相信Flash源代码,它的开发人员和大量的用户可能对Html5的开发有所帮助。 Flash是创建动画的易用环境。 Html 5并不存在这样的环境。所以我相信Flash和Html 5还有共同的空间。

编辑

你应该看看Adobe Edge Preview。来自Adobe的新工具,用于创建丰富的HTML5动画。

+0

我之前看到过这个,我想我的问题是什么让这个打勾...我将不得不深入了解这个出口商的发现。 +1 – foreyez 2010-11-16 01:21:52

+0

查看新工具Adobe Edge – Jan 2011-08-01 19:41:18