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

javascriptcontexto.strokeRect(texto, x, y);

Ejemplo

Dibujemos en canvas texto usando fillText, estableciendo un tamaño de 30px y tipo Arial:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.font = '30px Arial';
ctx.fillText('Hello world', 30, 50);

Результат:

Ver también