Canvas measureText() နည်းပါး

Canvas ဆိုင်ရာ ကိုးကားရာ

အသုံးပြုခြင်း နှင့် အပြုအရင်

measureText() သက်သေ ပါဝင်သည် အရာ တစ်ခု သို့ ပါဝင်သည် အရာ တစ်ခု သို့ အရောင်းသော ပုံစံ တစ်ခု ပါဝင်သည်

အကြောင်းပြချက်အကျိုးသက် အချိန် ထုတ်ဖော်ခင် စကားလုံး အကွာအဝေး သိရှိရန် သောက်သွမ်းပါ

အကျိုးသက်

ကျမ်းလုံး ပေါ်တွင် စကားလုံး ထုတ်ဖော်ခင် စကားလုံး အကွာအဝေး စစ်ဆေးပါ

သင့် ဘရောက်သတ္တု ကို HTML5 ကျမ်းလုံး ချက် ကို ထောက်ပံ့ခြင်း မရှိ

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);

ကိုယ်တိုင် ကိုက်သုံးကြည့်ပါ

ပြောင်းလဲ

context.measureText(text).width;

အချက်အလက် ကို

အချက်အလက် ဖော်ပြ
text အကြောင်းကြား ရှာဖွေရန်

ဘူတန်း ထောက်ပံ့

အချက်အလက် မှာ ထိပ်တန်း အားကစားလုပ်ငန်း ကို အထူး ထောက်ပံ့သော ဘူတန်း အမှတ် ဖော်ပြထားသည်။

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

ဖော်ပြချက်：Internet Explorer 8 နှင့် အရှည်သို့ အသုံးပြုနိုင်သော <canvas> အားကစားလုပ်ငန်း မရှိ။

Canvas ဆိုင်ရာ ကိုးကားရာ