Die strokeText-metode

Die metode strokeText teken die omlyning van teks op 'n canvas. Dit neem die teks om te teken as eerste parameter, en die tweede en derde - die koördinate van hierdie teks op die canvasdoek. Die grootte en tipe lettertipe word gestel met behulp van die eienskap font.

Sintaksis

javascriptkonteks.strokeRect(teks, x, y);

Voorbeeld

Kom ons teken die omlyning van teks met behulp van strokeRect, deur 'n grootte van 30px en die tipe Arial daaraan toe te ken:

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

Результат:

Sien ook

  • die metode fillText,
    wat gewone teks teken
  • die eienskap font,
    wat die grootte en tipe lettertipe stel