为什么在html5中使用canvas作为动画？

Question

我是html5的新手,一直在玩画布.我想知道画布何时真的有必要/有用吗？即什么时候用它？

如果我需要做简单的动画,比如移动标签,我真的需要画布,还是更好/更容易使用jquery/js？

Answer 1

在画布的帮助下，您可以创建 2D 图形应用程序、动画、图像的简单转换（如旋转它们）、GUI 等。一些示例：

\n\n

\n
1. 小行星游戏
\n
2. 拼图游戏
\n
3. 关于 GUI，不幸的是我无法加载网站，不知道为什么......它被称为 iWidgets.com，我唯一找到的是屏幕截图。您可以在那里看到蓝色管道，它们绑定元素。这是在画布的帮助下完成的；在移动元素的同时，管道也在重新绘制；当您更改活动元素时，其所有连接的颜色都会更改为黄色（因此您可以看到依赖关系）。不错的项目，我希望它暂时无法访问......
\n

\n\n

关于如何使用它的好文章在这里

\n\n

来自《深入了解 HTML5 Canvas 元素》：

\n\n

\n

canvas 元素很有趣并且值得关注，因为它第一次能够在浏览器中直接绘制图形，而无需使用 Flash 或 Java 等外部插件。canvas 的美妙之处在于\n 它\xe2\x80\x99 完全通过简单的\n JavaScript 代码进行控制，这意味着它建立在\n JavaScript 已提供\n 的强大功能之上，并且\n\xe2\x80\x99 不需要\n使用疯狂的学习曲线。

\n\n

选择使用画布而不是其他新元素进行实验只是因为它作为图形平台的功能，这本质上使其成为一个潜在有趣且丰富的平台。我们决定推动灵活的画布元素将产生我们可以在应用程序中使用的最有趣的结果。

\n\n

选择 Canvas 的另一个决定性因素是测试动画功能以及它成为 Flash 潜在替代品的可能性。现在 Flash 显然具有 Canvas 无法模拟的功能，但是它\xe2尽管如此，\x80\x99s 仍然是一个令人兴奋的概念，\n 可以准确地了解使用画布\n 可以实现\n 的效果，而这通常是通过使用 Flash 来实现的。

\n

\n\n

阅读该文章以获取更多有用的信息

\n\n

附言。如果您的动画是关于标签移动（如页面的某些部分），则画布不适合。Canvas 用于图形渲染。所以在这种情况下你将使用 jquery 或其他 JS 库。

\n