您会为物理模拟 SVG 或 Canvas 使用哪种技术？答案

【问题标题】：Which technology would you use for Physics Simulations SVG or Canvas?您会为物理模拟 SVG 或 Canvas 使用哪种技术？
【发布时间】：2011-04-12 18:39:27
【问题描述】：

我正在开始一个转换物理模拟的新项目（在 Adobe Director 中创建）到更当前的平台，即 html5 画布或 SVG。出于几个原因，我想避免使用 Flash。我正在寻找为什么画布或 SVG 最适合这个项目的建议和原因。我读过 SVG 更适合交互性，这在这种情况下很重要，但它不是最好的动画。 Canvas 更擅长动画，但我听说它在交互方面很困难。有没有人有过canvas交互方面的经验，真的有那么难吗？请指教。谢谢

【问题讨论】：

我知道 Box2D 画布引擎已移植到 Javascript/canvas。可能是您想要查看的内容。 box2d-js.sourceforge.net
还有developer.mozilla.org/en/Canvas_tutorial
这只是一个观点：如果我正在为 web 进行物理模拟，我会使用跨过胖客户端的东西，这样我以后可以有更大的灵活性，比如 Java 小程序。如果涉及 3d，我已经看到浏览器中托管的 xaml 演示。请问这些现在网上有吗？我只是好奇。
@Dave，感谢您的回复，我对此有所了解。目前，由于这些库的出现，我倾向于使用画布。我只是不确定交互性。 @Gabriel 他们在网络上只是不能公开访问。

标签： javascript html canvas svg physics

【解决方案1】：

有关画布框架和库的讨论，请参阅此问题：

What is the current state of the art in HTML canvas JavaScript libraries and frameworks?

列出的一些画布库在对象交互方面将 SVG 复制到了相当高的标准。 fabric.js 看起来特别漂亮，目前正在积极开发中。

【讨论】：

感谢您指导我使用fabric.js 看起来完全符合我的需要。

【解决方案2】：

画布中的交互性不必那么困难（有很多 js 库可以帮助您）。 svg 中的动画很有可能做到，例如svg-wow.org。请记住，您可以按照自己的意愿混合和匹配 svg 和 canvas，以利用这些技术的优势，如 here 所示。

【讨论】：

在画布中用于交互的库的任何方向或示例？