HTML canvas fillText() မေးမြန်မာပြည် အချက်အလက်

HTML5 Canvas ကိုးကား

အသုံးပြုနည်း နှင့် လက္ခဏာ

fillText() အချက်အလက် ကို ရေးသားရန် မေးမြန်မာပြည် အချက်အလက် ကို ကြီးကျယ်စွာ ပြသ့်မယ်။ အချက်အလက် အရောင် မူလ အရောင် အမည်မှာ ချိုဝါဖြစ်ပါသည်。

အကြောင်းအရာသုံးပြီး အသုံးပြုရန် font အချက်အလက် ကို သုံးပြီး ပြုပြင်ရန် အချက်အလက် fillStyle အခြား အရောင်/ကြီးကျယ် ဖြင့် အချက်အလက် ကို ကြီးကျယ်စွာ ပြသ့်မယ်。

အကြောင်း

ရေးသားရန် အော်လိုက် fillText() မေးမြန်မာပြည် အော်လိုက် "Hello world!" နှင့် "codew3c.com"

သင့် ဘရောက်သတ္တု ကို လက်ခံဘဲ ပါ။

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="20px Georgia";
ctx.fillText("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.fillStyle=gradient;
ctx.fillText("codew3c.com",10,90);

ကိုယ်တိုင် ကျင်းပပြီ

အပြောင်းအလဲ

context.fillText(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 ကိုးကား