Prueba №18

Implementa una interfaz para añadir y conecta elementos en un canvas (diagrama abajo)

 konva.js

• Cuadrado: Representa un elemento.
• Puntos: Representan las conexiones entre estos elementos uno a uno (enchufes), los enchufes son parte de los elementos.

Requisitos:

• Añadir elementos al “lienzo”.
• Conectar elementos a través de “enchufes”.
• Guardar el estado en localStorage y recuperarlo desde localStorage.
• Cambiar la cantidad de “enchufes” de 1 a 4.
• Eliminar elementos del “lienzo”.
• Mover elementos en el “lienzo”.

Requisitos adicionales:

• Se pueden usar las bibliotecas fabric.js o canvas sin usar bibliotecas.
• El framework a utilizar es Vue.