Method fillText

fillText method သည် canvas ပေါ်တွင် သတ်မှတ်ထားသော စာသားကို ရေးဆွဲပေးပါသည်။ ပထမပိုင်စက်၌ ၎င်းသည် စာသားကိုယ်တိုင် လက်ခံပြီး၊ ဒုတိယနှင့်တတိယပိုင်စက်များတွင် ထိုစာသားကို တည်နေရာသတ်မှတ်ရန် လိုအပ်သောအမှတ်၏ ကိုဩဒိနိတ်များ ဖြစ်သည်။ စာလုံး၏အရွယ်အစားနှင့်အမျိုးအစားကို font property ကိုအသုံးပြု၍ သတ်မှတ်ပါသည်။

Syntax

context.strokeRect(text, x, y);

ဥပမာ

fillText ကိုအသုံးပြု၍ canvas ပေါ်တွင် စာသားရေးဆွဲကြည့်ပါစို့။ 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);

ဆက်လက်ဖတ်ရှုရန်

strokeText method,
သည် canvas ပေါ်တွင် သတ်မှတ်ထားသော စာသား၏ အနားပတ်လည်ကို ရေးဆွဲပေးပါသည်။
font property,
သည် စာလုံး၏ အရွယ်အစားနှင့်အမျိုးအစားကို သတ်မှတ်ပေးပါသည်။