javascript - 浏览器中的 3d 曲面图

Question

我有一个 python 网络服务器 (cherrypy)，我希望用户能够计算这种精确类型的某些表面。这是我能够从用户输入中生成的。他给了我一些参数，我计算我的东西，在服务器 (matplotlib/numpy) 上将其生成为 PNG，然后通过 JQuery 加载将其发回。

问题是，这很蹩脚，表面可以有不同的方面。我希望能够有一个实际的小部件或使用户能够旋转他的表面...

我的主要限制是它必须在 IE 7 上工作(8 也很酷)，并允许输入我以某种方式计算的数据。我在网上看到很多东西只允许输入参数函数。我需要的是能够推送原始数据三元组。

我一直在研究一些东西，Javascript 是最好的，但我没能在 JQuery 或等同物中看到一些东西。我确实仔细研究了 WebGL 并开始实现一些东西……从头开始……但有时在 IE 中的时间太长且行为随机。

也许我完全错过了一些东西，一些与我的 python 兼容的技术或格式，但我花了几天时间才采用绘制成 PNG 的临时解决方案。

期待你们的阅读，提前致谢;)

Answer 1

据我所知，如果您需要 IE7 兼容性，JS 中的大多数可用库都不适合您 - 它们需要 canvas 或 SVG 支持。您只剩下静态图像、Flash 或 Java 小程序。

我会调查 processing ，具有良好的 3D 支持，可以创建 Java 小程序供 Web 使用。参见 the 3D tutorials交互式 3D 表面的良好示例。

如果你想变得花哨，你也可以提供 processing.js对于支持 canvas 元素的浏览器。这将避免为这些浏览器加载 Java 小程序，使 UI 稍微更流畅并消除 Java 依赖性。您需要检查浏览器兼容性，然后加载 applet 代码或 processing.js 代码。这样做的好处是您应该能够在两种情况下使用完全相同的处理代码。