HTML canvas strokeText() စက်သုံး နည်းဥပဒေ

HTML5 Canvas ပြည့်ပြည့်စုံ စာရင်း

အသုံးပြုနည်းဥပဒေ

strokeText() ပေါ်ပေါက်စစ်ပွဲ ကို ကြောင်း ဖြင့် ပြန်ကြားရန် စက်သုံး နှင့် အကြောင်းကြောင်း ကို ပြန်ကြားရန် အရောင် သင်္ကြပ် မပေါ်ပေါက်ခဲ့ဘူး ဖြစ်သည်။ ပုံစံ အရောင် အခြေခံ ဖြစ်သည်

အကြောင်းကြောင်းသင့် အသုံးပြုရန် font အကိုးးအချုပ် အန်ယူသုံး နှင့် အကြောင်းကြောင်း ကို အသုံးပြုကြီးထွင်းစစ်ပွဲ strokeStyle အကိုးးအချုပ် သတ်မှတ်ထားသော အရောင်/ပြောင်ချီသုံး ကြောင်း ဖြင့် အကြောင်းကြောင်း ကို ပြင်ဆင်ကြီးထွင်းစစ်ပွဲ

အကြောင်းကြောင်း

strokeText() စက်သုံးပြီး ဘရောက်သုတ် ပေါ် "Hello world!" နှင့် "codew3c.com" ကို ရွေးချယ်ရန်

သင့် ဘရောက်သုတ် သင်္ကြပ် မပေါ်ပေါက်ခဲ့ဘူး

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="20px Georgia";
ctx.strokeText("Hello World!",10,50);
ctx.font="30px Verdana";
// ကြီးထွင်းစစ်ပွဲ
var gradient=ctx.createLinearGradient(0,0,c.width,0);
gradient.addColorStop("0","magenta");
gradient.addColorStop("0.5","blue");
gradient.addColorStop("1.0","red");
// အစိတ်အပိုင်း အသုံးပြု အောင် ဖြင့် ပြုလုပ်ပါ
ctx.strokeStyle=gradient;
ctx.strokeText("codew3c.com",10,90);

ကိုယ်တိုင် စမ်းသပ်ပါ

ပြောက်လုပ်ပုံ

context.strokeText(text,x,y,maxWidth);

အပြင် အချက်

အပြင် ဖော်ပြ
text အစက် အရာ ကုတာ အတွက် ပြုလုပ်ရန် ဖော်ပြထားသည်
x အစက် အရာ ကုတာ ကို စတင် လုပ်ဆောင်ရန် ရှိသော x အစိတ်အပိုင်း
y အစက် အရာ ကုတာ ကို စတင် လုပ်ဆောင်ရန် ရှိသော y အစိတ်အပိုင်း
maxWidth လျှပ်ပျက်သတ္တု။ အရောက် အခြေခံ အချက်အလက်

ဘူတာပြန်လည် ထောက်ပံ့

အချက်အလက် အရ ထို အခြေခံ အကြောင်းအရာ ကို အပြောင်းအလဲမပါဘဲ သုံးစွဲသော ဘူတာပြန်လည်အားကစားကုတာ များ ကို ခွင့်ပြုထားသည်

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

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

HTML5 Canvas ပြည့်ပြည့်စုံ စာရင်း