【问题标题】：Computational Geometry Javascript计算几何 JavaScript
【发布时间】：2012-03-14 07:50:44
【问题描述】：

我正在考虑为我的计算几何类 (2D) 编写几个示例，我想使用 html5 和 javascript。

谁能推荐一个javascript库或者html5有我需要的一切吗？

我将主要使用点和线，但如果有一些可以绘制笛卡尔平面作为参考的东西，也许还有一些可以使用的数据结构。

【问题讨论】：

【解决方案1】：

JSXGraph

特别关注动态几何和函数可视化。来自学术界。作者——一所德国大学。

使用 SVG（在 IE 中回退到 Canvas 和 VML）。适用于 iOS 和 Android。

API 是一个非常抽象的 SVG API。它对图形和图形组、切线、双曲线等进行操作。

SVG 不被视为 HTML5 的一部分，但值得一看。它灵活、无处不在，而且我认为矢量图形是比位图（画布）更好的几何选择。

【讨论】：

【解决方案2】：

我认为任何一个拉斐尔都应该有用：

Raphaël 是一个小型 JavaScript 库，可以简化您在 Web 上使用矢量图形的工作。例如，如果您想创建自己的特定图表或图像裁剪和旋转小部件，您可以使用此库简单轻松地实现它。

或 processing.js

Processing.js 是流行的 Processing 可视化编程语言的姊妹项目，专为 Web 设计。 Processing.js 使您的数据可视化、数字艺术、交互式动画、教育图表、视频游戏等使用 Web 标准工作，无需任何插件。

【讨论】：

【解决方案3】：

最好的办法是使用 <canvas> 并探索 API。它应该具有您需要的基本原语。

【讨论】：

【解决方案4】：

我可以推荐EaselJS，因为我多次使用它来快速创建动态绘图，例如三角形、圆形、圆弧等。我什至正在为学生编写一个简单的带有文本的绘图工具，名为Geodrafter。

但是，如果你想添加 e. G。滑块并具有动态环境（例如，轻松拖动点），那么JSXGraph 是更好的选择，因为它们为此提供了多种组件。 gallery in their wiki 给出了一些好主意。

如上所述：JSXGraph 是基于矢量图形的，它总是会产生精确的图形。 EaselJS 基于画布，会导致线条模糊。

【讨论】：