CANVAS (ARCOS), HTML5 :GRAFICOS

 PRACTICA 019: GRAFICOS: CANVAS ARCOS

Ing. Honoria Reyes Macedo 

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

Java Script

 

ACTIVIDADES

1.- En el archivo libros_HRM.html

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

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

Al ejecutar el erchivo html quedaría así:

3.- Llenar el circulo con arcos: Copiar del punto 2 desde la fila 17 a la 26 para cada arco

            3.1.- Modificar el valor de translate (ctx.translate(120,120))

            Los arcos deberán cumplir diferentes combinaciones de angulos de inicio y angulo final. 

Ejemplo:

4.- Agregar animación  (línea sombreada)

5.- Agregar desplazamiento.- Cambiar los valores de x e y para reubicar los arcos

Probar el html. Observar el cuadro que se limpia cada ejecución

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

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