Вычислительная Геометрия Javascript

Я думаю о кодировании нескольких примеров для моего класса вычислительной геометрии (2D), я хочу использовать html5 и javascript.

может ли кто-нибудь порекомендовать библиотеку javascript или html5 имеет все, что мне нужно, чтобы начать?

Я буду в основном работать с точками и линиями, но было бы неплохо иметь что-то, что рисует декартову плоскость в качестве ссылки и, возможно, некоторые структуры данных, готовые к использованию.

4 ответов


JSXGraph

специально фокусируется на динамической геометрии и визуализации функций. Из академии. Авторы-немецкий университет.

использует SVG (с резервным для Canvas и VML для IE). Работает на iOS и Android.

API - это очень абстрактный SVG API. Он работает на цифры и группы цифр, касательных, гиперболам, как и C.

и хорошая документация.

SVG is не является частью HTML5, но это стоит посмотреть. Это гибкая, вездесущая и, я думаю, векторная графика-лучший вариант для геометрии, чем растровые изображения (холст).


Я думаю, что любой Рафаэль должен быть полезен:

Raphaël-это небольшая библиотека JavaScript, которая должна упростить работу с векторной графикой в интернете. Если вы хотите создать свой собственный конкретный график или изображение обрезать и повернуть виджет, например, вы можете достичь его просто и легко с этой библиотекой.

http://raphaeljs.com/

или обработки.js

обработка.js является сестринским проектом популярный язык визуального программирования обработки, предназначенный для интернета. Обработка.js делает ваши визуализации данных, цифровое искусство, интерактивные анимации, образовательные графики,видеоигры и т. д. работы с использованием веб-стандартов и без каких-либо плагинов.

http://processingjs.org/


лучше всего использовать <canvas> и исследуйте API. Он должен иметь базовые примитивы нужно.


Я могу порекомендовать EaselJS потому что я использовал его много раз для быстрого создания динамических чертежей, таких как треугольники, круги, дуги и т. д. Я даже писал простой инструмент рисования с текстом для студентов, называемый Geodrafter.

однако, если вы хотите добавить e. г. ползунки и имеют динамическую среду (например, легко перетаскивая точки), затем JSXGraph лучший выбор в виду того что они обеспечивают разнообразие компоненты для этого. Этот галерея в их wiki дать некоторые хорошие идеи.

и, как сказано выше: JSXGraph основан на векторной графике, которая всегда будет производить точную графику. EaselJS основан на холсте и может привести к размытым линиям.