Methode strokeText

De methode strokeText tekent de contour van een tekst op een canvas. De eerste parameter is de tekst die getekend moet worden, en de tweede en derde parameter zijn de coördinaten van deze tekst op het canvas. De grootte en het lettertype worden ingesteld met de eigenschap font.

Syntaxis

javascriptcontext.strokeRect(tekst, x, y);

Voorbeeld

Laten we de contour van een tekst tekenen met strokeRect, en hem 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.strokeText('Hello world', 30, 50);

Результат:

Zie ook