Ejemplos HTML5 y CSS3

ejemplos.robertsallent.com

Programa que dibuja figuras

Esta aplicación es el resultado de un ejemplo de clase en el que se explica el funcionamiento del nuevo modelo de clases de JavaScript, definido en ES6.

Se han creado dos paquetes: uno para las clases de las figuras (Punto, Linea, Circulo y Rectangulo) y otro paquete para las clases gráficas derivadas de las anteriores. La interfaz gráfica que se muestra debajo, mediante el tratamiento de eventos, genera los objetos de las clases adecuadas y los representa sobre el canvas.

Consulta el diagrama de clases del modelo.

Instrucciones

Selecciona el tipo de elemento y los colores deseados. Después haz clic sobre el lienzo de dibujo para colocar el elemento.

NOTA: los puntos requieren un clic, mientras que el resto de elementos requiere dos.

Herramientas de dibujo


Mover elementos:

Elementos colocados: