Semana 30-6 Diciembre

PRIMER AVANCE DEL PROYECTO

Para el primer avance del proyecto me encarge de las siguientes tareas:

1. Modificar el log-in.
2. Cargar el archivo SVG al lienzo de trabajo.

LOG-IN

Imagen 1: Log in .

El formulario de log-in es un modal implementando bootstrap y el efecto del botón Sign-In es dado por un código javascript añadido en el proyecto , en donde se visualiza una progress-bar como animación.

Cargar el SVG al Lienzo

Para cargar una imagen SVG al lienzo existen distintas formas de hacerlo se puede añadir un svg : como imagen, como objeto y como svg puro.

Para poder lograr nuestro objetivo teníamos que hacerlo como svg puro.

Para visualizar como se carga un archivo SVG a nuestro proyecto se deben seguir los siguientes pasos:

1-En nuestro lienzo de trabajo damos clic en la pestaña del menú del lienzo Open para cargar el archivo.

Imagen 2 : Lienzo de Trabajo 

2-Luego de hacer clic en la pestaña Open , se presentara un cuadro modal para que seleccionemos el archivo svg de nuestro directorio y un botón de Subir para cargar la imagen.

Imagen 3: Cuadro modal Cargar SVG.

3-Finalmente hacemos clic en el botón Subir para agregar al lienzo la imagen SVG.

Imagen 4:Imagen SVG añadida al Lienzo.