HTML5 Canvas - 二维线框球体

Question

我想在 2D Canvas 中绘制 3D 线框球体。我无论如何都不是数学忍者，所以我想知道是否有人知道一种简单的方法来使用 lineto arc 连接在 Canvas 中绘制一个并使用 :math:

如有任何帮助，我将不胜感激。

是这样的:http://en.wikipedia.org/wiki/File:Sphere_wireframe_10deg_6r.svg

我希望这是一个简单的等式，但如果您知道它不是(即绘制那将需要大量代码)，我将不胜感激，但我可能需要重新考虑我想要的东西做。

Answer 1

最简单的方法可能是查看 SVG 文件的源代码 (here) 并使用 Canvas 命令重新创建这些路径。

如果你想要一个实际的 3d 球体，投影到 2d 空间，我建议使用像 Three.js 这样的库

您还可以查看我在这里完成的一些数学运算:swarms_3d 和 Matrix 模块应该是您所需要的。