計算幾何Javascript

Question

我正在考慮爲我的Computational Geometry類（2D）編寫幾個示例，我想使用html5和javascript。

任何人都可以推薦一個JavaScript庫或HTML5有我需要啓動的一切嗎？

我將主要使用點和線，但有一些繪製笛卡爾平面作爲參考並且可能使用一些數據結構是很好的。

Answer 1

JSXGraph

具體地集中於動態幾何和功能可視化。來自學術界。作者 - 德國大學。

使用SVG（回退到Canvas和VML for IE）。適用於iOS和Android。

該API是一個非常抽象的SVG API。它操作數字和圖形組，切線，雙曲線& c。

有nice documentation。

SVG不被視爲HTML5的一部分，但值得一看。它非常靈活，無處不在，我認爲矢量圖形比位圖（Canvas）更適合用於幾何圖形。

Answer 2

您最好打賭是使用<canvas>並探索API。它應該有你需要的基本原語。

Answer 3

我覺得無論是拉斐爾應該是有用的：

拉斐爾是一個小型的JavaScript庫，應在網絡上的矢量圖形簡化您的工作。例如，如果您想創建自己的特定圖表或圖像裁剪和旋轉窗口小部件，則可以使用此庫簡單方便地實現它。

http://raphaeljs.com/

或processing.js

Processing.js是流行的處理可視化編程語言的姊妹項目，專爲網頁。 Processing.js使您的數據可視化，數字藝術，交互式動畫，教育圖表，視頻遊戲等可以使用Web標準進行工作，而無需任何插件。

http://processingjs.org/

Answer 4

我可以推薦EaselJS，因爲我多次使用它來快速創建動態圖形，例如三角形，圓形，圓弧等。我甚至爲學生編寫了一個簡單的帶文字的工具，名爲Geodrafter。

但是，如果你想添加e。 G。滑塊，並有一個動態的環境（例如容易拖動點），然後JSXGraph是一個更好的選擇，因爲它們爲此提供了各種組件。 gallery in their wiki提供了一些很好的想法。

如上所述：JSXGraph基於矢量圖形，它總是會生成精確的圖形。 EaselJS基於畫布，可能導致線條模糊。