HTML canvas fillRect() မီးရွား

HTML5 Canvas ကိုးကွယ်ရာ

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

fillRect() fillRect() မီးရွား ပြန်လည်ဖော်ပြထားသော အပုံပုံအချက် ကို ဖော်ပြရန် မီးရွား ပြန်လည်ဖော်ပြထားသည်။ မီးရွား ပြန်လည်ဖော်ပြထားသော အရောင် အမှတ် ဖြစ်သည်။

အကြောင်းအရာအသုံးပြုပါ fillStyle ပြန်လည်ဖော်ပြထားသော လက္ခဏာ က အပြန်လည်ဖော်ပြထားသော အရောင်၊ အဆင်းလိုက်သော အရောင် သို့မဟုတ် အပေါ်လွှတ်တိုက် ကို အသုံးပြုရန် ပုဂ္ဂိုလ်ရေး ပြုလုပ်သည်။

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

ကျယ်ပ် 150*100 ပုံအချက် အရောက် ပြန်လည်ဖော်ပြထားသော ပန်းပုနှင့်ပြီး အပြန်လည်ဖော်ပြထားသည်။

ကျော်ကြီး ဘရော်တာ က အီလက်ထရောနစ်5 ကျယ်ပ် လက္ခဏာ က လုပ်ဆောင်ချောက်နိုင်သည်။

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);

ကျွမ်းကျင်လုပ်ပေး

အက္ခရာ

context.fillRect(x,y,width,height);

အရာ ပုံစံ

အရာ ဖော်ပြ
x လက်တင် အင်တာနက် အခြေခံ x အရာ
y လက်တင် အင်တာနက် အခြေခံ y အရာ
width လက်တင် အင်တာနက် အကြီးအကျယ်
height လက်တင် အင်တာနက် အကြီးအကျယ်

ဘာသာ ကူးကြောင်း

အချက်အလက် မှာ ထို လက်ခံရန် ပထမဆုံး လက်ခံသော ဘာသာ ကို ဖော်ပြသည်။

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