11

Zastanawiam się nad kodowaniem kilku przykładów dla mojej klasy Geometrii Obliczeniowej (2D), chcę używać html5 i javascript.Geometria obliczeniowa JavaScript

Czy ktoś może polecić bibliotekę javascript lub czy html5 ma wszystko, czego potrzebuję, aby zacząć?

Będę głównie pracował z punktami i liniami, ale byłoby miło mieć coś, co rysuje płaszczyznę kartezjańską jako odniesienie i być może niektóre struktury danych gotowe do użycia.

Odpowiedz

9

JSXGraph

szczególności skupia się na dynamicznej geometrii i funkcji wizualizacji. Pochodzi ze środowisk akademickich. Autorzy - niemiecki uniwersytet.

Używa SVG (z powrotem do Canvas i VML dla IE). Działa na iOS i Androidzie.

Interfejs API to bardzo abstrakcyjne API SVG. Działa na figurach i grupach cyfr, stycznych, hiperbolach & c.

Ma nice documentation.

SVG nie jest uważana za część HTML5, ale warto na nią patrzeć. Jest elastyczny, wszechobecny i, jak sądzę, grafika wektorowa jest lepszą opcją dla geometrii niż bitmapy (Canvas).

+0

To jest bardzo interesująca biblioteka, dzięki za wysyłkę. – Arend

0

Najlepiej jest użyć <canvas> i poznać API. Powinien mieć podstawowe prymitywy, których potrzebujesz.

6

myślę albo Raphael powinny być użyteczne:

Raphaël to mała biblioteka JavaScript, które powinny uprościć pracę z grafiką wektorową w sieci. Jeśli chcesz na przykład utworzyć własny wykres lub obrys obrazu i obrócić widget, możesz to łatwo i prosto uzyskać dzięki tej bibliotece.

http://raphaeljs.com/

lub processing.js

Processing.js jest projekt siostra popularnego języka programowania Processing wizualny, przeznaczone do sieci. Processing.js sprawia, że ​​wizualizacje danych, sztuka cyfrowa, interaktywne animacje, wykresy edukacyjne, gry wideo itp. Działają w oparciu o standardy sieciowe i bez żadnych wtyczek.

http://processingjs.org/

0

Mogę polecić EaselJS ponieważ wielokrotnie go używałam do szybkiego tworzenia dynamicznych rysunków, takich jak trójkąty, koła, łuki itp. Pisałem nawet proste narzędzie do rysowania z tekstem dla studentów, o nazwie Geodrafter.

Jednak jeśli chcesz dodać e. sol. suwaki i mają dynamiczne środowisko (na przykład łatwe przeciąganie punktów), a następnie JSXGraph jest lepszym wyborem, ponieważ zapewniają różne komponenty do tego. gallery in their wiki daje dobre pomysły.

Jak wspomniano powyżej: JSXGraph jest oparty na grafice wektorowej, która zawsze będzie generować dokładną grafikę. EaselJS jest oparty na płótnie i może prowadzić do rozmytych linii.

Powiązane problemy