html5在动画矢量图形中有用吗？

Question

html5能帮助开发人员以任何方式动画矢量图形吗？我在谈论直键帧矢量动画，比如闪光灯。

基本上使用javascript来操作SVG图形（比如http://www.raphaeljs.com做什么？这对我来说有点奇怪，因为它已经在浏览器中支持了很长一段时间）或是html5 / canvas有点像矢量图形动画吗？

我只是想了解开发人员如果/当flash插件最终死亡时动画矢量的“新”方式。

由于

Answer 1

还有CSS animation，它是声明性的，可以更高效，因为JavaScript代码没有推动动画。

但SVG方法没有任何内在错误，而且它也更兼容。

Answer 2

目前没有替代复杂的动画，比如你可以使用Flash创建的动画（例如，补间动画或带有3d或骨骼的动画），我个人认为如果你想要跨浏览器杀手动画，Flash就是你的选择。 Flash IDE提供了许多动画功能，这些功能未在任何其他当前基于Web的工具中实现。 HTML / css非常有限，因为它并不完全支持所有浏览器中的倾斜/旋转/透视，而且HTML也无法为背景图像设置动画。但是，您可以使用Javascript创建编程补间（如运动补间）。在这种HTML状态下，你必须是一个硬核程序员来获得一个严肃的DHTML动画，我认为你必须处理CSS精灵或其他blitting技术来获得一些性能。除了动画，Flash还提供了过滤和混合模式，您也希望在动画中使用它们。

您可以使用jQuery中的animate（）函数进行非常简单的动画（移动，淡入淡出，滑动）;您可以随时间更改属性。对于很多Web应用程序;这足够了。但是，如果你想动画矢量或想要基于帧的动画; Flash是目前最好的选择。

PS。动画GIF出了什么问题？

Answer 3

This将来可能会很有趣。它是Adobe的Html5转换工具的一个闪存。也许网络上有一个未来，两种技术融合到一个目的，而不是两个并行技术并排。

我们可能会同意闪存有一些缺点，封闭，技术慢。但我无法相信，在Flash源代码，开发人员以及可能有助于开发Html5的大量用户方面没有任何知识。 Flash是一种易于使用的环境，用于创建动画。 Html 5不存在这样的环境。所以我相信flash和Html 5都有空间。

修改

你应该看看Adobe Edge Preview。 Adobe的一个新工具，用于创建丰富的HTML5动画。