fillText Metode

Die metode fillText teken 'n gegewe teks op canvas. Die eerste parameter is die teks self, en die tweede en derde is die koördinate van die punt waar hierdie teks geplaas moet word. Die grootte en tipe lettertipe word gespesifiseer met die eienskap font.

Sintaksis

javascriptkonteks.strokeRect(teks, x, y);

Voorbeeld

Kom ons teken 'n teks op canvas met behulp van fillText, en stel die grootte na 30px en die tipe na 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);

Результат:

Sien ook

  • metode strokeText,
    wat die buitelyn van 'n gegewe teks op canvas teken
  • eienskap font,
    wat die grootte en tipe lettertipe spesifiseer