Método fillText
El método fillText dibuja en canvas el texto
especificado. El primer parámetro es el texto
mismo, y el segundo y tercero son las coordenadas del punto
donde se debe colocar este texto.
El tamaño y tipo de fuente se establecen mediante la propiedad
font.
Sintaxis
contexto.strokeRect(texto, x, y);
Ejemplo
Dibujemos en canvas texto usando
fillText, estableciendo un tamaño de 30px
y tipo Arial:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.font = '30px Arial';
ctx.fillText('Hello world', 30, 50);
:
Ver también
-
método
strokeText,
que dibuja en canvas el contorno del texto especificado -
propiedad
font,
que establece el tamaño y tipo de fuente
