Introducción:
Recursos:
Canvas
Lienzo en blanco que nos permite dibujar con JavaScript
Etiqueta: <canvas height="yyy" width="xxx"></canvas>
Atributos requeridos: height y width
Recurso:
getContext("2d"): Indicamos que estamos creando un lienzo con información en 2D
Añadir rectángulos: podemos utilizar tres métodos:
- context.clearRect(x,y,w,h): rectángulo invisible que se utiliza para organizar la página.
- context.fillRect(x,y,w,h): rectángulos rellenos con un color interior
- context.strokeRect(x,y,w,h): rectángulo en el que solo aparecen los bordes.
Color: context.fillStyle="rgba(r,g,b,alpha)"
Otros:
Otros:
- <body onload="cargador()">: Ejecuta una función (en este caso cargador) al cargar la página.
No hay comentarios:
Publicar un comentario
Nota: solo los miembros de este blog pueden publicar comentarios.