font ගුණාංගය

font ගුණාංගය canvas හි අකුරු ඇඳීම සඳහා fillText ක්‍රමය හෝ strokeText ක්‍රමය භාවිතා කරන විට අකුරු සැකසුම් නියම කරයි. මෙම ක්‍රමය font CSS ගුණාංගයට සමාන පරාමිතීය පිළිගනී.

වාක්‍ය රචනා ක්‍රමය

javascriptcontext.font = අකුරු සැකසුම්;

නිදර්ශනය

අපි canvas හි fillText භාවිතයෙන් පෙළයක් අඳිමු සහ font භාවිතයෙන් එයට 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);

Результат:

තවද බලන්න