Metoden fillText

Metoden fillText ritar given text på canvas. Den tar själva texten som första parameter, och som andra och tredje parameter - koordinaterna för punkten där denna text ska placeras. Storlek och typsnitt ställs in med egenskapen font.

Syntax

javascriptkontext.strokeRect(text, x, y);

Exempel

Låt oss rita text på canvas med hjälp av fillText, 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.fillText('Hello world', 30, 50);

Результат:

Se även