JavaScript Canfer Font Width ကိုဝယ်ယူသည့်နည်းလမ်းနှင့်နှိုင်းယှဉ်ပါ

0 က်ဘ်တီထွင်မှုတွင်စာသားနှင့်ဂရပ်ဖစ်တို့၏ပြောင်းလဲနေသောစာသားနှင့်ဂရပ်ဖစ်တို့၏ပုံမှန်လိုအပ်ချက်ဖြစ်သည်။ font width များကိုရယူခြင်းနည်းလမ်းများသည်ပရိုဂရမ်ဘာသာစကားအမျိုးမျိုးနှင့်ပတ်ဝန်းကျင်တွင်ကွဲပြားသည်။ ဤဆောင်းပါးသည် PHP တွင် imagefontwidth function ကိုမိတ်ဆက်ပေးလိမ့်မည်။ 4 င်း၏လုပ်ဆောင်မှုကိုရှင်းပြပြီးအသုံးပြုမှုကို JavaScript နှင့်သက်ဆိုင်သောပတ်တူများအားဖြင့်ပိုမိုနားလည်ရန်နည်းလမ်းများရယူရန်နည်းလမ်းများကိုနှိုင်းယှဉ်ရန်နှင့်နှစ် ဦး ၏ကွဲပြားခြားနားမှုများကိုပိုမိုနားလည်စေရန်။

1 ။ PHP ၏ ImageFontwidth function ကိုမိတ်ဆက်ပါ

ImageFontwidth သည် PHP ၏ GD ဂရပ်ဖစ်စာကြည့်တိုက်မှ 0 ယ်ယူသည့်စာလုံးတစ်လုံးထဲတွင်စာလုံးတစ်လုံးတည်းဖြင့် 0 င်ရောက်နိုင်သည့် function တစ်ခုဖြစ်သည်။ ဤလုပ်ဆောင်ချက်သည်အလွန်ရိုးရှင်းပြီးစာသားအပြင်အဆင်ကိုချိန်ညှိရန်ပုံများကိုထုတ်ပေးသောအခါစာသားအကျယ်ကိုတွက်ချက်ရန်အသုံးပြုသည်။

function ရှေ့ပြေးပုံစံ

 int imagefontwidth ( int $font )

• Parameter $ font သည် ဖောင့်အရွယ်အစားဖြစ်ပြီး GD စာကြည့်တိုက်၏ built-in font နံပါတ်များဖြစ်ရမည်, များသောအားဖြင့် 1 နှင့် 5 အကြားကိန်းဂဏန်းများဖြစ်သည်။

• Return Value သည်သက်ဆိုင်ရာဖောင့်ရှိအက်ခရာတစ်ခု၏အကျယ်ဖြစ်ပြီးယူနစ်သည် pixels ဖြစ်သည်။

အသုံးပြုမှုဥပမာ

 <?php
// အဖြစ်စာလုံးအရွယ်အစားကိုရွေးပါ 3 built-in ဖောင့်များ
$fontSize = 3;
$charWidth = imagefontwidth($fontSize);

echo "font အရွယ်အစားသည် $fontSize ဇာတ်ကောင်အကျယ် $charWidth pixels。";
?>

မှတ်သားရန်အရာ

• ImageFontwidth ကို GD စာကြည့်တိုက်၏ built-in ဖောင့်များအတွက်သာအသုံးပြုနိုင်ပြီး TrueType စာလုံးများ (TTFS) ကိုမထောက်ပံ့ပါ။

• ဒီ function က gd built-in font pontospace ဖောင့်ဖြစ်တယ်။

• အကယ်. သင်သည် ttf ဖောင့်များဆွဲရန် imagetttext () ကဲ့သို့သောလုပ်ဆောင်မှုများကိုအသုံးပြုပါက imagettfbobbox () ကဲ့သို့သောအကျယ်တွက်ချက်ရန်အခြားလုပ်ဆောင်မှုတစ်ခုလိုအပ်သည်။

2 ။ font width ရရှိရန် JavaScript Carts ကိုနည်းလမ်း

browser ဘက်မှာ JavaScript က Canvas API ကိုဆွဲထုတ်ဖို့ Canvas API ကိုသုံးတယ်။ Sanvers MESTARTEXT () နည်းလမ်းသည်သတ်မှတ်ထားသောစာလုံးများကိုတိုင်းတာနိုင်သည်။

အဓိကနည်းလမ်းများ

 const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
ctx.font = '16px Arial';  // font စတိုင်သတ်မှတ်
const metrics = ctx.measureText('Hello, world!');
console.log(metrics.width);

• ctx.font သည် စာလုံးအရွယ်အစား, ဖောင့်အမည်များစသည်တို့အပါအ 0 င် font style ကိုသတ်မှတ်သည်။

• MEMACTEXTEXT () သည် textmetscs အရာဝတ်ထုတစ်ခု (pixels) တွင်ဖော်ပြထားသော width attribute ကိုပြန်ပို့သည်။

• ဤနည်းလမ်းသည်မည်သည့်ဖောင့်အတွက်မဆို system fonts နှင့် web fonts များအပါအ 0 င်မည်သည့်ဖောင့်အတွက်သင့်လျော်သည်။

3 ။ ImageFontwidth နှင့် Cartsuretextex အကြားခြားနားချက် ()

4 ။ အကျဉ်းချုပ်

• PHP ရဲ့ ImageFontwidth သည် GD စာကြည့်တိုက်၏အခြေခံလုပ်ဆောင်ချက်ဖြစ်သည်။ ၎င်းသည်ရိုးရှင်းသောဆာဗာဘေးထွက်ပုံရိပ်မျိုးဆက်အတွက်သင့်လျော်သော built-in monospace ဖောင့်တွင်စာလုံးတစ်လုံးတည်းဖြင့်သာ 0 င်ရောက်နိုင်သည်။

• JavaScript Canvalt ' STACETEXTEXT () သည်ပိုမိုပြောင်းလွယ်ပြင်လွယ်ရှိပြီးမည်သည့်စာလုံးနှင့်ကြိုးအကျယ်ကိုတိုင်းတာနိုင်ပြီးရှုပ်ထွေးသော client text ရေးဆွဲခြင်းနှင့်စာစီစာရိုက်ခြင်းအတွက်သင့်တော်သည်။

• ပိုမိုရှုပ်ထွေးသောဖောင့်များဆွဲရန် PHP ကိုသုံးရန်လိုအပ်ပါက ttf စာလုံး၏အရွယ်အစားကိုတိုင်းတာရန် imagettfbobbox () ကိုသုံးနိုင်သည်။

• နည်းလမ်းရွေးချယ်မှုသည်သင်၏စီမံကိန်းလိုအပ်ချက်များနှင့်လုပ်ငန်းလည်ပတ်မှုပတ်ဝန်းကျင်အပေါ်မူတည်သည်။