font ගුණාංගය
font ගුණාංගය canvas හි අකුරු ඇඳීම සඳහා
fillText ක්රමය
හෝ strokeText ක්රමය භාවිතා කරන විට අකුරු සැකසුම් නියම කරයි.
මෙම ක්රමය font CSS ගුණාංගයට
සමාන පරාමිතීය පිළිගනී.
වාක්ය රචනා ක්රමය
context.font = අකුරු සැකසුම්;
නිදර්ශනය
අපි canvas හි fillText භාවිතයෙන් පෙළයක් අඳිමු
සහ font භාවිතයෙන් එයට 30px ප්රමාණය සහ Arial වර්ගය
නියම කරමු:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.font = '30px Arial';
ctx.fillText('Hello world', 30, 50);
:
තවද බලන්න
-
textAlignගුණාංගය,
පෙළය තිරස්ව සමපාත කරයි -
textBaselineගුණාංගය,
පෙළය සිරස්ව සමපාත කරයි
