CANVAS (EVENTOS), HTML5 :GRAFICOS

 PRACTICA 018: GRAFICOS: CANVAS EVENTOS

Ing. Honoria Reyes Macedo 

IDE: Dreamweaver, Atom o Block de notas
Lenguaje de paginas ESTATICAS: HTML(HyperText Markup Language)

Java Script

INTRODUCCION

En esta practica se creara una figura con canvas, incrementando el numero de figuras como respuesta al evento onclick() de los botones "Agregar" y "Cancelar" de la pantalla.

 

ACTIVIDADES

 1.- En el archivo libros_HRM.html

            1.1 Agregar un canvas en un nuevo article (líneas sombreadas)

2.- Crear el archivo agregar.js en la carpeta js

                2.1 Agregar el siguiente código  con 3 funciones en el archivo creado

3.- Agregar antes de cerrar la etiqueta </body> la siguiente linea:

<script src="js/agregar.js"></script>

4.- Agregar los eventos onclick() a los botones  “Agregar” y “Cancelar”  (líneas sombreadas)

5.- Ejecutar el archivo html para probar los botones “Agregar” y “Cancelar”

6.- Agregar la siguiente función al final del archivo agregar.js

7.- Ejecutar el archivo html para probar

8.- Hacer pruebas sin restaurar el estado original

            Nota: comentariar la línea

            canvas.restore();    

 

Quedaria asi:

-------------------------------0---0-------------------------------------------

-----------------------------000---000---------------------------------------