Canvas textAlign အချက်အလက်

Canvas ကိုးကွယ်မှုအချက်အလက်

ဒီပေါင်းသတ်မှတ်ခြင်း နှင့် အသုံးပြုခြင်း

textAlign ဖောက်လုပ်ခြင်းအချက်အလက်အား အစိတ်ချိုး သို့မဟုတ် ပြန်လည်သတ်မှတ် ရိုက်သွင်းခြင်း၏ အရှိန်သတ်မှတ်ခြင်း အတွက် ဖောက်လုပ်ခြင်း အချက်အလက် ပြုလုပ်သည်。

အမျိုးမျိုးသော အတ္ထုပါ အတ္ထုပါ ဖြစ်သည်

အကြောင်းအချက်အသုံးပြု fillText() သို့ strokeText() ဓာတ်ပြား ပြုလုပ် အတွက် ဓာတ်ပြား တခုခု အသုံးပြု

အကျိုးဆက်

စစ် 150 နေရာတွင် ဂယင်လ်ကြီး ဖွင့်

သင်၏ ဘရောက်သုတ် အရ ဘယင်လ် ဂေါတ္တူ မပါဘဲ

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// စစ် 150 နေရာတွင် ဂယင်လ်ကြီး ဖွင့်
ctx.strokeStyle="blue";
ctx.moveTo(150,20);
ctx.lineTo(150,170);
ctx.stroke();
ctx.font="15px Arial";
// အမျိုးမျိုးသော textAlign အတ္ထုပါ ပြသခြင်း
ctx.textAlign="start";
ctx.fillText("textAlign=start",150,60);
ctx.textAlign="end";
ctx.fillText("textAlign=end",150,80);
ctx.textAlign="left";
ctx.fillText("textAlign=left",150,100);
ctx.textAlign="center";
ctx.fillText("textAlign=center",150,120);
ctx.textAlign="right";
ctx.fillText("textAlign=right",150,140);

ကိုယ်တိုင် ကျယ်ပါ

အက္ခရာ

ပြုပြင်.textAlign="center|end|left|right|start";

အခြေအနေ အတ္ထုပါ

အတ္ထုပါ ဖော်ပြ
start မည်သည်မျှ ဖြစ်ကြောင်း
end ရေးသားခြင်း ဖော်ထုတ်ထားခြင်း
center ရေးသားခြင်း အရှိန်း ဖော်ထုတ်ထားခြင်း
left ရေးသားခြင်း အရှေ့ဘက် လှည့်ချက်
right ရေးသားခြင်း အနောက်ဘက် လှည့်ချက်

နည်းပါးခြင်း

မည်သည်မျှ ဖြစ်ကြောင်း start

ဘာသာစကား အားဖြင့် အားကစားအက်ဥ်

အချက်အလက် အရာများ အားဖြင့် အားကစားအက်ဥ် အားဖြင့် အားကစားအက်ဥ် အားဖြင့် အားကစားအက်ဥ် အားဖြင့် အားကစားအက်ဥ် အားဖြင့် အားကစားအက်ဥ် အားဖြင့် အားကစားအက်ဥ်

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 ကိုးကွယ်မှုအချက်အလက်