html - 从画布移动到 svg

Question

自去年以来，我一直在使用 HTML5 画布在我的应用程序中制作动画。一切都运行良好，但我绝对讨厌画布提供的图形质量和分辨率。当我比较 SVG 和画布之间的图形质量时，我感到非常惊讶，因此我想转向 SVG 动画而不是使用画布。但问题是我无法理解如何制作与画布中相同的动画以在 SVG 中工作。

某些，或者更确切地说，我的大多数动画都包括精灵动画（从精灵渲染图像并使用重绘画布对其进行动画处理）。我想知道这是否可以使用 SVG 来完成，因为我不想将画布用于精灵动画，而将 SVG 用于其他动画。制作 SVG 动画有什么好的教程或起点吗？任何信息都会很有用。谢谢！

Answer 1

D3不错。我还会告诉您检查http://raphaeljs.com/让您的生活更轻松。

当谈到动画时，使用 HTML5 画布很诱人，但如果您需要复杂的动画或需要更多的控制和质量，那么 SVG 是不错的选择。

1. 除了质量之外，HTML5 中的其他缺点在幕后是像素操作，您不会为每个对象获取 DOM，这意味着您不能通过 ID 调用它们或单独操作它们。每一个微小的变化都是重绘。

2. 另一方面，SVG 提供了 DOM 级别的控制并由 webkits 支持