Estoy pensando en codificar un par de ejemplos para mi clase de Geometría Computacional (2D), quiero usar html5 y javascript.Geometría Computacional Javascript
¿Alguien puede recomendar una biblioteca de JavaScript o html5 tiene todo lo que necesito para comenzar?
Principalmente trabajaré con puntos y líneas, pero sería bueno tener algo que dibuje un plano cartesiano como referencia y tal vez algunas estructuras de datos listas para usar.
se centra específicamente en la visualización geometría y funciones dinámicas. Viene de la academia. Autores: una universidad alemana.
Utiliza SVG (con respaldo a Canvas y VML para IE). Funciona en iOS y Android.
La API es una API SVG muy abstracta. Opera sobre figuras y grupos de figuras, tangentes, hipérbolas & c.
Tiene nice documentation.
SVG no se considera parte de HTML5, pero vale la pena mirarlo. Es flexible, omnipresente y, creo, los gráficos vectoriales son una mejor opción para la geometría que los mapas de bits (Canvas).
Su mejor opción es utilizar <canvas> y explorar la API. Debe tener las primitivas básicas que necesita.
creo que sea Raphael debería ser útil:
Raphaël es una pequeña biblioteca JavaScript que debería simplificar su trabajo con gráficos vectoriales en la web. Si desea crear su propio gráfico o recorte de imagen específico y rotar el widget, por ejemplo, puede lograrlo de forma sencilla y fácil con esta biblioteca.
o Processing.js
Processing.js es el proyecto de la hermana del lenguaje de programación Visual Processing populares, diseñado para la web. Processing.js hace que sus visualizaciones de datos, arte digital, animaciones interactivas, gráficos educativos, videojuegos, etc. funcionen utilizando estándares web y sin ningún complemento.
Puedo recomendar EaselJS porque lo utilicé muchas veces para crear rápidamente dibujos dinámicos, como triángulos, círculos, arcos, etc. Incluso estaba escribiendo una herramienta simple de dibujar con texto para estudiantes, llamada Geodrafter.
Sin embargo, si desea agregar e. gramo. controles deslizantes y tienen un entorno dinámico (arrastrando puntos fácilmente, por ejemplo), entonces JSXGraph es una mejor opción ya que proporcionan una variedad de componentes para esto. El gallery in their wiki da algunas buenas ideas.
Y como se dijo anteriormente: JSXGraph se basa en gráficos vectoriales, que siempre producirán gráficos exactos. EaselJS se basa en lienzos y puede dar lugar a líneas borrosas.
Esta es una biblioteca muy interesante, gracias por publicar. – Arend