fillText ක්‍රමය

fillText ක්‍රමය canvas මත ලබාදුන් අකුරු ඇදී. පළමු පරාමිතිය ලෙස එය අකුරුම ලබාගන්නා අතර දෙවන හා තෙවන - අකුරු තැබිය යුතු ස්ථානයේ ඛණ්ඩාංක. විශාලත්වය හා අකුරු මෝස්තරය font ගුණය භාවිතයෙන් සකස් කරගත හැකිය.

වාක්‍ය ඛණ්ඩ සැකැස්ම

javascriptප්‍රසන්ධය.strokeRect(අකුරු, x, y);

නිදර්ශනය

අපි fillText ක්‍රමය භාවිතයෙන් canvas මත අකුරු ඇදීම, විශාලත්වය 30px ලෙස සහ 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);

Результат:

මේවාද බලන්න

  • strokeText ක්‍රමය,
    එය canvas මත ලබාදුන් අකුරුවල කොන්තුර ඇදී
  • font ගුණය,
    එය විශාලත්වය හා අකුරු මෝස්තරය සකසයි