Metodas strokeText

Metodas strokeText piešia teksto kontūrą canvas'e. Pirmuoju parametru priima tekstą piešimui, o antruoju ir trečiuoju - šio teksto koordinates ant drobės. Dydis ir šrifto tipas nustatomas naudojant savybę font.

Sintaksė

javascriptkontekstas.strokeRect(tekstas, x, y);

Pavyzdys

Paimkime ir nupieškime teksto kontūrą naudodami strokeRect, nustatydami jo dydį 30px ir tipą 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);

Результат:

Taip pat žiūrėkite

  • metodas fillText,
    kuris piešia įprastą tekstą
  • savybė font,
    kuri nustato šrifto dydį ir tipą