Canvas textBaseline သုံးစွဲမှု

Canvas ကိုးကွယ်ရာ

အသုံးပြုနည်း နှင့် လက်ဆုံးဖြတ်

textBaseline သုံးစွဲမှု သို့မဟုတ် အလိုက်သို့ အယူအဆ များ ကို ပြင်ဆင် လိုက်နာသည်။

အော်ခြင်္ကြီ ပြသမှု သည် textBaseline အရာအသုံးပြုသော အခြေခံလက်ဆင်များ အား ထောက်ပံ့ပေးသည်

文本基线图示

မှတ်ချက်：fillText() သို့မဟုတ် strokeText() လက်ရန်းပြားပေါ်တွင် စာသားအခြေခံလက်ဆင် အသုံးပြုရန် သတ်မှတ်ထားသော textBaseline အသုံးပြုသည်

အမှတ်အသား

အစီးအပွားဖြင့် အသားအရေးပါသော ပုံအရိုက် ကို ဒါကို ဖော်ပြပါ

သင်၏ ဘရောက်သုတ် အခြေခံအုပ်ချုပ်မှု က ကျယ်ပြီးဖြစ်ပါသည်。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// y=100 တွင် အစီးအပွားဖြင့် အမြောက်အရှည်ဖြင့် ဖြတ်သက်ရန်
ctx.strokeStyle="blue";
ctx.moveTo(5,100);
ctx.lineTo(395,100);
ctx.stroke();
ctx.font="20px Arial"
// y=200 တွင် မတူညီသော textBaseline အသုံးပြု၍ မိုးစာပြုရန်
ctx.textBaseline="top";
ctx.fillText("Top",5,100);
ctx.textBaseline="bottom";
ctx.fillText("Bottom",50,100);
ctx.textBaseline="middle";
ctx.fillText("Middle",120,100);
ctx.textBaseline="alphabetic";
ctx.fillText("Alphabetic",190,100);
ctx.textBaseline="hanging";
ctx.fillText("Hanging",290,100);

ကိုယ်တိုင် ကြိုးစားပါ

အက္ခရာ

ပြင်ပ.textBaseline="alphabetic|top|hanging|middle|ideographic|bottom";

အရာအသုံး

အတ္ထုပတ္တိ ဖော်ပြ
alphabetic မည်သည်မျှ ဖြစ်ပါသည် စာသားအခ�ေခံလက်ဆင်သည် အသုံးပြုသော အမှတ်အသားအခြေခံလက်ဆင်ဖြစ်ပါသည်。
အပေါ်ပိုင်း စာသားအခ�ေခံလက်ဆင်ထိုးသည် em ပုံမှုအပေါ်ပိုင်းဖြစ်ပါသည်。
hanging စာသားအခ�ေခံလက်ဆင်ထိုးသည် ဖြတ်သက်အခြေခံလက်ဆင်ဖြစ်ပါသည်。
အလယ် စာသားအခြေခံလက်ဆင်ထိုးသည် em ပုံမှုအလယ်ဖြစ်ပါသည်。
ideographic စာသားအခြေခံလက်ဆင်ထိုးသည် အဓိပ္ပာယ်အခြေခံလက်ဆင်ဖြစ်ပါသည်。
အောက်ပိုင်း စာသားအခြေခံလက်ဆင်ထိုးသည် em ပုံမှုအောက်ပိုင်းဖြစ်ပါသည်。

နည်းပညာဆိုင်ရာ

မည်သည်မျှ ဖြစ်ပါသည် alphabetic

ဘတ်သျား ထောက်ပံ့

အချက်အလက် တွင် အားကြောင်း ကို အကြောင်းအရာ ကို ကူညီ

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 ကိုးကွယ်ရာ