Métodos y/o propiedades de canvas del html

Universidad Autónoma de Aguascalientes

Plantel: Central

Centro académico: Centro de Ciencias Básicas

Departamento académico: Sistemas electrónicos

Materia: Tecnologías WEB

Actividad de clase canvas

Maestra: Georgina Salazar Partida

Alumna: Giovanna Lucia Zapata Leone

Semestre: 6

Grupo: B

Fecha: 10 de febrero de 2020

M. en Informática Georgina Salazar Partida

Métodos y/o propiedades de canvas del html

En el siguiente link https://www.w3schools.com/graphics/canvas_drawing.asp revisa y ejecuta en

orden los ejemplos de los temas canvas Drawing, Canvas Coordinates, Canvas Gradients, Canvas Text y
Canvas Images

Los códigos de ejemplo de los links anteriores aparecen en orden

en la siguiente tabla. Cada imagen tiene marcado en amarillo el
método y/o propiedad de la cual debes indicar que hace? y qué
argumentos? necesita en caso de ser un método.

Tienes un renglón en blanco debajo de cada imagen del código

para que contestes lo que te pido.

fillStyle: Asigna el color del relleno de la figura. Como argumento se pone el codigo del
color a elegir.
fillRect: Establece la posicion y el tamaño de la figura. Como argumentos recibe (posicion
inicial en x, posicion inicial en y, la posicion final en x, posicion final en y)
2

moveTo: Define el punto inicial de la línea. Como argumentos recibe (x inicial,y inicial)
lineTo: Define el punto final de la línea. Como argumentos recibe (x final,y final)

M. en Informática Georgina Salazar Partida

Métodos y/o propiedades de canvas del html

beginPath: Comienza un camino

arc: Crea un arco/curva. Como argumentos recibe (coordenada en x del centro del
circulo, coordenada en y del centro del circulo, radio del círculo, ángulo inicial, ángulo
final)
stroke: Dibuja realmente la línea.
4

createLinearGradient: Crea un degradado lineal. Como argumentos recibe (x inicial,y

inicial,x final,y final)
addColorStop: Especifica los colores y la posición en un objeto degradado. Como
argumentos recibe (stop, color).
5

createRadialGradient: Crea un gradiente radial/circular. Como argumentos recibe (x

inicial,y inicial,radio inicial,x final,r final,y final).
6

createRadialGradient: Crea un gradiente radial/circular. Como argumentos recibe (x

inicial,y inicial,radio inicial,x final,r final,y final).

M. en Informática Georgina Salazar Partida

Métodos y/o propiedades de canvas del html

font: Define las propiedades de fuente para el texto. Como argumentos recibe el tamaño
del texto y la fuente del texto.
fillText: Dibuja texto "relleno" en el lienzo. Como argumentos recibe (texto, posicion en x,
posicion en y).

M. en Informática Georgina Salazar Partida

Métodos y/o propiedades de canvas del html

strokeText: Dibuja texto en el lienzo (sin relleno). Como argumentos recibe (texto,
posicion en x, posicion en y).
9

text-align: Especifica la alineación horizontal del texto.

10

drawImage: Dibuja una imagen en un lienzo. Como argumentos recibe (imagen, posicion
en x, posicion en y).

M. en Informática Georgina Salazar Partida