11

Sto pensando di codificare un paio di esempi per la mia classe Computational Geometry (2D), voglio usare html5 e javascript.Geometria computazionale Javascript

Qualcuno può consigliare una libreria javascript o html5 ha tutto ciò di cui ho bisogno per iniziare?

Lavorerò principalmente con punti e linee, ma sarebbe bello avere qualcosa che disegna un piano cartesiano come riferimento e forse alcune strutture dati pronte all'uso.

risposta

9

JSXGraph

concentra in particolare sulla geometria e funzioni visualizzazione dinamica. Viene dal mondo accademico. Autori: un'università tedesca.

Utilizza SVG (con fallback su Canvas e VML per IE). Funziona su iOS e Android.

L'API è un'API SVG molto astratta. Funziona su figure e gruppi di figure, tangenti, iperbole & c.

nice documentation.

SVG non è considerato parte di HTML5, ma vale la pena guardare. È flessibile, onnipresente e, credo, la grafica vettoriale è un'opzione migliore per la geometria rispetto alle bitmap (Canvas).

+0

Questa è una libreria molto interessante, grazie per la pubblicazione. – Arend

0

La soluzione migliore è utilizzare <canvas> ed esplorare l'API. Dovrebbe avere le primitive di base di cui hai bisogno.

6

penso sia Raphael dovrebbe essere utile:

Raphaël è una piccola libreria JavaScript che dovrebbe semplificare il vostro lavoro con la grafica vettoriale sul web. Ad esempio, se si desidera creare il proprio grafico specifico o il ritaglio di immagini e ruotare il widget, è possibile ottenerlo in modo semplice e semplice con questa libreria.

http://raphaeljs.com/

o Processing.js

Processing.js è il progetto sorella del popolare linguaggio Processing di programmazione visuale, progettato per il web. Processing.js rende le tue visualizzazioni di dati, arte digitale, animazioni interattive, grafici educativi, videogiochi, ecc. Funzionano utilizzando gli standard web e senza alcun plug-in.

http://processingjs.org/

0

posso consigliare EaselJS perché ho usato molte volte per creare rapidamente disegni dinamici, come triangoli, cerchi, archi, ecc Sono stato anche scrivendo un semplice strumento pareggio-con-testo per gli studenti, chiamato Geodrafter.

Tuttavia, se si desidera aggiungere e. g. i cursori e hanno un ambiente dinamico (trascinando facilmente i punti, per esempio), quindi JSXGraph è una scelta migliore in quanto forniscono una varietà di componenti per questo. Il gallery in their wiki dà alcune buone idee.

E come detto sopra: JSXGraph si basa sulla grafica vettoriale, che produrrà sempre una grafica esatta. EaselJS è basato su tela e può portare a linee sfocate.

Problemi correlati