Metoden strokeText

Metoden strokeText ritar konturen av text på canvas. Första parametern tar texten för ritning, och den andra och tredje - koordinaterna för denna text på canvasduken. Storlek och typsnitt ställs in med egenskapen font.

Syntax

javascriptkontext.strokeRect(text, x, y);

Exempel

Låt oss rita konturen av text med hjälp av strokeRect, och ge den en storlek på 30px och typsnittet 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.strokeText('Hello world', 30, 50);

Результат:

Se även