Siguiendo con los tutoriales sobre el elemento canvas de HTML5 en este post vamos a ver cómo escribir texto sobre el canvas, o mejor dicho, dibujar texto sobre el canvas.
Vamos a personalizar la fuente y el color, así como las coordenadas en donde el texto comienza.
Los métodos que veremos son strokeText
y fillText
.
Estas funciones tienen la misma sintaxis, y reciben los siguientes argumentos en el orden que aparecen:
La diferencia entre strokeText
y fillText
es que strokeText
dibuja solo el borde del texto, y fillText
lo dibuja relleno.
Para controlar el color del texto que se dibuja sobre el canvas de HTML se establece la propiedad strokeStyle
y fillStyle
en el nombre de un color o su valor hexadecimal, entre otros.
La fuente se establece con font, y es algo como: “20px Arial”
Veamos el código a continuación, el cual escribe texto sobre el canvas.
El resultado es el siguiente:
Puedes probar el ejemplo aquí.
En mi blog te he enseñado a usar youtube-dl para descargar vídeos con permiso del…
Siguiendo con los tutoriales que consumen la API de los Bots de Telegram con cURL…
En un post previo te enseñé a enviar un mensaje en nombre de un Bot…
En este artículo te voy a mostrar una guía para imprimir en una impresora térmica…
La impresión de un PDF en cualquier impresora se puede automatizar con un bot de…
Hoy te enseñaré cómo enviar un mensaje a un usuario desde un bot de Telegram…
Esta web usa cookies.