HTML Canvas အောင်လှောင်
အကြောင်းကြား
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 50, 50, 0, Math.PI);
ctx.stroke();
arc() နည်းလမ်း
ဂြိုဟ် အဖျား သည် ဂြိုဟ်၏ အချုပ် အစိတ်အစိတ် နှင့် နှဲ့ပြီး အကွာအဝေး ကို ဒေါ်ဝတီးသည်
Canvas ပုံရိပ် ဂြိုဟ်
လူကြီးပြား ပုံရိပ် ပြင် ပုံရိပ် ဂြိုဟ် ဖန်တီးရန် လူကြီးပြား ပုံရိပ် လမ်း ကို အသုံးပြု ပြီး ဂြိုဟ် ဖန်တီးသည်
| နည်းလမ်း | ကြည့်ရှု | ဖျက်သတ် |
|---|---|---|
| beginPath() | လမ်း တစ်လျှောက် စတင်သည် | မဟုတ် |
| arc() | အခြား အနှုန်း ဒေါ်ဝတီးသည် | မဟုတ် |
| stroke() | ပြုလုပ်သည် | လုပ် |
လူကြီးပြား ပုံရိပ် ပြင် ပုံရိပ် ဂြိုဟ် ဖန်တီးရန် အမည်များ အောက်ပါအတိုင်း သုံးပါ။
- beginPath() - စတင် လမ်း
- arc(x,y,r,start,end) - ဂြိုဟ် ကို ဒေါ်ဝတီးသည်
- stroke() - ဖျက်သတ်သည်
arc(x,y,r,start,end) - ဂြိုဟ်၏ အဖျား (ရောင်းနှီး) ဖန်တီးသည်။
ဂြိုဟ် ကို ဖန်တီးရန် စတင် အချိန်အာရီ ကို 0 အထိ စတင် ရန် နှင့် အဆုံး အချိန်အာရီ ကို 2 * Math.PI အထိ စတင် ရန် လိုသည်။
x နှင့် y ပုံစံ ဂြိုဟ်၏ အရုပ်အချုပ် အစိတ်အစိတ် ကို ဒေါ်ဝတီးသည်။
r ပုံစံ ဂြိုဟ်၏ နှဲ့ပြီး အကွာအဝေး ကို ဒေါ်ဝတီးသည်။
