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

Question

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

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

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

Answer 1

JSXGraph

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

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

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

имеет nice documentation.

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

Answer 2

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

Answer 3

Я думаю, что либо Raphael должно быть полезным:

Рафаель небольшая библиотека JavaScript, которая должна упростить работу с векторной графикой в ​​Интернете. Например, если вы хотите создать свою собственную графику или изображение и повернуть виджет, вы можете легко и просто достичь этой библиотеки.

http://raphaeljs.com/

или Processing.js

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

http://processingjs.org/

Answer 4

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

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

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