El gran libro de HTML5, CSS3 y Javascript by J. D. Gauchat

autor:J. D. Gauchat
La lengua: spa
Format: epub
editor: MARCOMBO
publicado: 2019-05-22T00:00:00+00:00

Propiedades

La siguiente lista de propiedades es específica para la API Canvas:

strokeStyle Esta propiedad declara el color para las líneas de las figuras. Puede recibir cualquier valor CSS, incluidas funciones como rgb() y rgba().

fillStyle Esta propiedad declara el color para el interior de figuras sólidas. Puede recibir cualquier valor CSS, incluidas funciones como rgb() y rgba(). Es también usada para asignar gradientes y patrones a figuras (estos estilos son primero asignados a una variable y luego esa variable es declarada como el valor de esta propiedad).

globalAlpha Esta propiedad es usada para determinar el nivel de transparencia de las figuras. Recibe valores entre 0.0 (completamente opaco) y 1.0 (completamente transparente).

lineWidth Esta propiedad especifica el grosor de la línea. Por defecto el valor es 1.0.

lineCap - Esta propiedad determina la forma de la terminación de las líneas. Se pueden utilizar tres valores: butt (terminación normal), round (termina la línea con un semicírculo) y square (termina la línea con un cuadrado).

lineJoin Esta propiedad determina la forma de la conexión entre líneas. Se pueden utilizar tres valores: round (la unión es redondeada), bevel (la unión es cortada) y miter (la unión es extendida hasta que ambas líneas alcanzan un punto en común).

miterLimit Esta propiedad determina cuánto se extenderán las líneas cuando la propiedad lineJoin es declarada como miter.

font Esta propiedad es similar a la propiedad font de CSS y utiliza la misma sintaxis para declarar los estilos del texto.

textAlign Esta propiedad determina cómo el texto será alineado. Los posibles valores son start, end, left, right y center.

textBaseline Esta propiedad determina el alineamiento vertical para el texto. Los posibles valores son: top, hanging, middle, alphabetic, ideographic y bottom.

shadowColor Esta propiedad establece el color para la sombra. Utiliza valores CSS.

shadowOffsetX Esta propiedad declara la distancia horizontal entre la sombra y el objeto.

shadowOffsetY Esta propiedad declara la distancia vertical entre la sombra y el objeto.

shadowBlur Esta propiedad recibe un valor numérico para generar un efecto de difuminación para la sombra.

globalCompositeOperation Esta propiedad determina cómo las nuevas figuras serán dibujadas en el lienzo considerando las figuras ya existentes. Puede recibir varios valores: source-over, source-in, source-out, source-atop, lighter, xor, destination-over, destination-in, destination-out, destination-atop, darker y copy. El valor por defecto es source-over, lo que significa que las nuevas formas son dibujadas sobre las anteriores.

descargar

Descargo de responsabilidad:
Este sitio no almacena ningún archivo en su servidor. Solo indexamos y enlazamos.                                                  Contenido proporcionado por otros sitios. Póngase en contacto con los proveedores de contenido para eliminar el contenido de derechos de autor, si corresponde, y envíenos un correo electrónico. Inmediatamente eliminaremos los enlaces o contenidos relevantes.