自去年以来，我一直在我的应用程序中使用 HTML5 Canvas 制作动画。一切都运行良好，但我绝对讨厌 Canvas 提供的图形质量和分辨率。当我比较 SVG 和 canvas 之间的图形质量时，我感到非常惊讶，因此我想转向 SVG 动画而不是使用 canvas。但问题是我无法理解如何制作与 Canvas 中相同的动画以在 SVG 中工作。
当然，或者更确切地说，我的大多数动画都包含 Sprite 动画(从 Sprite 渲染图像并使用重绘 Canvas 对它们进行动画处理)。我想知道是否可以使用 SVG 来完成此操作，因为我不想分别将 canvas 用于 Sprite 动画并使用 SVG 用于其他动画。是否有制作 SVG 动画的好的教程或起点？任何信息都会有用。谢谢!
最佳答案
D3 不错。我还告诉你检查http://raphaeljs.com/让您的生活更轻松。
说到动画，人们很容易选择 HTML5 Canvas ，但如果您需要复杂的动画或需要更多的控制和质量，SVG 就是最佳选择。
除了质量之外，HTML5 中的其他缺点都在幕后，它是像素操作，并且您不会获得每个对象的 DOM，这意味着您无法通过 ID 调用它们或单独操作它们。每一个微小的改变都会被重绘。
另一方面，SVG 提供 DOM 级别的控制并受 webkit 支持
关于html - 从canvas转移到svg，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17102640/