javascript - 在 SVG 和 canvas 之间，哪个更适合处理/动画化多个图像？也许两者都不是，只是使用 css3 转换？

Question

问题的第二部分是，哪个 javascript 库更好/更容易处理图像？我实际上不会画任何形状或任何东西。其他信息:我将使用 jQuery，不需要支持所有浏览器，只需支持 webkit。

编辑:更多信息:目前的设计是在网格状布局中布局/绘制几行/几列图像，中心的图像处于“焦点”(稍微大一点，有边框或其他东西，旁边有一些文本它)。棘手的是，我们希望整个图像 Canvas 看起来都在滑动/滑过，以使另一个随机图像成为焦点。所以很明显，这个网格中的图像数量需要超过视口(viewport)中可见的数量，以便在发生过渡时始终有图像占据 Canvas 。除了四处移动图像，我不会模糊它们或以其他方式修改它们。最终我们将添加用户交互，例如单击/触摸可见图像以手动将其聚焦。

如果这不清楚或仍然令人困惑，请告诉我。

我遇到了 scripty2出于我的目的，这似乎是使用 canvas/SVG 的替代方法。我也开始放屁 EaselJS昨晚，这似乎可行，但我想知道它最终是否会比仅使用标准 HTML/CSS 和像 Scripty2 这样的工具来辅助动画和点击/触摸事件更工作/更复杂。只是在寻找任何建议。谢谢!

Answer 1

答案取决于您的操作和动画。

如果只是翻译，CSS wins for speed与 Canvas 相比。我没有测试过，但我相信它在同样的事情上很容易击败 SVG。

如果您要进行非仿射变换或以其他方式处理图像(例如模糊图像)，您显然需要 Canvas。

如果您需要每个对象的事件处理程序，您显然需要一个保留模式的绘图系统，如 SVG 或 HTML+CSS。我还没有做足够多的 CSS3 转换来说明它们在速度方面与 SVG 相比如何，但它们显然没有强大的 transformation DOM。的 SVG。

这是一个相当主观的问题(或一组问题)，您尚未提供足够的信息来获得明确的答案。