font ဂုဏ်သတ္တိ

font ဂုဏ်သတ္တိသည် fillText method သို့မဟုတ် strokeText method များကို အသုံးပြု၍ canvas အပေါ်တွင် ဖောင့်ရေးဆွဲသည့်အခါ ဖောင့်ဆက်တင်များကို သတ်မှတ်ပေးပါသည်။ font CSS ဂုဏ်သတ္တိကဲ့သို့သော မူရင်းကို ဤ method က လက်ခံပါသည်။

ဝါကျဖွဲ့ပုံ

context.font = ဖောင့် ဆက်တင်များ;

နမူနာ

fillText ကို အသုံးပြု၍ canvas အပေါ်တွင် စာသားရေးဆွဲကြည့်ပြီး 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 ဂုဏ်သတ္တိ,
အရာသည် စာသားကို ဒေါင်လိုက် ညှိပေးသည်