A fillText metódus

A fillText metódus egy megadott szöveget rajzol a canvasra. Az első paramétere maga a szöveg, a második és harmadik pedig annak a pontnak a koordinátái, ahol a szöveg elhelyezésre kerül. A betűméretet és a betűtípust a font tulajdonsággal lehet beállítani.

Szintaxis

javascriptkontextus.strokeRect(szöveg, x, y);

Példa

Rajzoljunk a canvasra szöveget a fillText metódussal, 30px méretet és Arial betűtípust beállítva:

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

Результат:

Lásd még