HTML အကိုးအကား

အက္ခရာဖြင့် HTML HTML အမျိုးအစားအလိုက် HTML Browser ပံ့ပိုးမှု HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML အက္ခရာအစုံများ HTML Doctypes HTML URL ကုဒ် HTML ဘာသာစကားကုဒ်များ HTML နိုင်ငံကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ


HTML canvas measureText() နည်းလမ်း

❮ HTML Canvas အကိုးအကား

ဥပမာ

ကင်းဗတ်ပေါ်တွင် မရေးမီ စာသား၏ အကျယ်ကို စစ်ဆေးပါ-

သင်၏ဘရောက်ဆာသည် HTML5canvastag ကိုမပံ့ပိုးပါ။

JavaScript-

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.font = "30px Arial";
var txt = "Hello World"
ctx.fillText("width:" + ctx.measureText(txt).width, 10, 50)
ctx.fillText(txt, 10, 100);

Browser ပံ့ပိုးမှု

ဇယားရှိ နံပါတ်များသည် နည်းလမ်းကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။

Method
measureText() Yes 9.0 Yes Yes Yes

အဓိပ္ပါယ်နှင့် အသုံးပြုမှု

MeasureText() method သည် pixels ဖြင့် သတ်မှတ်ထားသော စာသား၏ အကျယ်ပါရှိသော အရာတစ်ခုကို ပြန်ပေးသည်။

အကြံပြုချက်- ကင်းဗတ်စ်ပေါ်တွင် မရေးမီ စာသားတစ်ခု၏ အကျယ်ကို သိလိုပါက ဤနည်းလမ်းကို အသုံးပြုပါ။

JavaScript syntax- ဆက်စပ် .measureText ( စာသား .အကျယ်;

ကန့်သတ်တန်ဖိုးများ

Parameter Description Play it
text The text to be measured

❮ HTML Canvas အကိုးအကား