strokeText ක්‍රමය

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

වාක්‍ය රීතිය

javascriptප්‍රසන්නය.strokeRect(පෙළ, x, y);

උදාහරණය

අපි strokeRect භාවිතයෙන් පෙළයේ රේඛාව අඳිමු, එයට 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.strokeText('Hello world', 30, 50);

Результат:

මෙයද බලන්න