计算几何Javascript

Computational Geometry Javascript

本文关键字:Javascript 计算几何      更新时间:2023-09-26

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

有人能推荐一个javascript库吗?或者html5具备我启动所需的一切吗?

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

JSXGraph

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

使用SVG(对于IE,可回退到Canvas和VML)。适用于iOS和Android。

API是一个非常抽象的SVG API。它对图形和图形组、切线、双曲线进行运算;c.

有很好的文档。

SVG不被认为是HTML5的一部分,但它值得一看。它灵活、无处不在,我认为矢量图形是比位图(Canvas)更好的几何选择。

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

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

http://raphaeljs.com/

或处理.js

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

http://processingjs.org/

您的最佳选择是使用<canvas>并探索API。它应该具有您需要的基本基元。

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

然而,如果您想添加滑块并拥有动态环境(例如,轻松拖动点),那么JSXGraph是一个更好的选择,因为它们为此提供了各种组件。他们的维基中的图库提供了一些好主意。

如上所述:JSXGraph是基于矢量图形的,它将始终生成精确的图形。EaselJS基于画布,可能导致线条模糊。