Methode fillText

De methode fillText tekent de opgegeven tekst op canvas. De eerste parameter is de tekst zelf, en de tweede en derde zijn de coördinaten van het punt waar deze tekst geplaatst moet worden. De grootte en het lettertype worden ingesteld met behulp van de eigenschap font.

Syntaxis

javascriptcontext.strokeRect(tekst, x, y);

Voorbeeld

Laten we tekst op canvas tekenen met behulp van fillText, en het een grootte van 30px en het lettertype Arial geven:

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);

Результат:

Zie ook