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

我是html5新手，一直在玩画布。我想知道画布什么时候真的有必要/有用？i、 e.何时使用

---

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

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

关于GUI，不幸的是我无法加载网站，不知道为什么。。。它被称为，我唯一发现的是一个。你们可以看到蓝色的管道，它们绑定了元素。这是在帆布的帮助下完成的；在移动元素的同时，管道也在重新绘制；当您更改活动元素时，其所有连接的颜色都将更改为黄色（因此您可以看到依赖项）。很好的项目，我希望它不是访问只是一段时间

关于如何使用它的好文章是

从“”：

canvas元素很有趣，而且 值得关注，因为它能够， 第一次，直接绘制 浏览器中的图形，而不使用 用于外部插件，如Flash 或者Java。画布的美在于 它完全是通过简单的 JavaScript代码，这意味着它建立在 强大的JavaScript功能 已提供且不需要 疯狂学习曲线使用

选择帆布做实验 与其他新元素相比，这只是一个简单的问题 归根结底，它的功能是 图形平台 使它成为一个潜在的有趣的 丰富的平台可以玩。是的 决定推出灵活的 canvas元素将产生最多的 有趣的结果，我们可以在 应用程序

选择的另一个决定性因素 画布是用来测试动画的 能力及其可能性 是一个潜在的闪光灯替代品。 现在Flash显然具有以下功能： 然而，canvas永远无法模仿 尽管如此，这还是一个令人兴奋的概念 看看到底能实现什么 用画布，通常是 通过触摸闪光灯来完成

阅读那篇文章以获得更多有用的信息

---

另外，如果你的动画是关于标签移动的（就像你页面的一部分），那么画布就不适合了。画布用于图形渲染。因此，在这种情况下，您将使用jquery或其他JS库。

Canvas允许您访问图形的像素级。如果您想进行棋盘转换，可以在画布中使用脚本，但不能在jquery中使用脚本

---

有关可能（已经完成）的一些示例，请参见以下决定何时使用CSS3过渡/动画或画布的最佳实践。请记住，如果您使用jQuery，在可能的情况下，他们将使用CSS3转换或动画

CSS3翻译/动画-如果要为DOM元素样式（如位置和大小）设置动画，请使用这些

画布动画-如果您正在制作更复杂的动画，如创建在线游戏或构建物理模拟器，请使用画布动画。如果您正在制作三维模型的动画，您肯定会希望使用canvas，以便能够利用WebGL