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
context.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:
<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);
:
Zie ook
-
methode
strokeText,
die de omtrek van de opgegeven tekst op canvas tekent -
eigenschap
font,
die de grootte en het lettertype instelt
