arc မှာ

arc မှာ သည် သတ်မှတ်ထားသောဗဟိုအမှတ်၊ သတ်မှတ်ထားသောအချင်းဝက်ဖြင့် ချိန်းပတ်လမ်းတစ်ခုကို ရေးဆွဲပေးသည်။ stroke သို့မဟုတ် fill မှာ များကို အသုံးပြုမှသာ ဤချိန်းပတ်လမ်းကို မြင်နိုင်မည်ဖြစ်သည်။ ပထမအခြေအနေတွင် အနားသတ်မျဉ်းကို ရမည်ဖြစ်ပြီး ဒုတိယအခြေအနေတွင် - ပုံသဏ္ဍာန်ကို ရမည်ဖြစ်သည်။

နောက်ဆုံး မဖြစ်မနေမလိုအပ်သော ပါရာမီတာသည် ရေးဆွဲခြင်း၏ ဦးတည်ရာကို ထိန်းညှိပေးသည်။ ၎င်းသည် true သို့မဟုတ် false တန်ဖိုးကို လက်ခံသည်။ true တန်ဖိုးသည် နာရီလက်တံအတိုင်း ချိန်းပတ်လမ်းကို ရေးဆွဲပြီး false တန်ဖိုးသည် - နာရီလက်တံဆန့်ကျင်ဘက် (ပုံသေအားဖြင့်) ရေးဆွဲသည်။

ရေးဆွဲရာတွင် စတင်ထောင့်နှင့် ဆုံးထောင့်ကို သတ်မှတ်ပေးနိုင်ပါသည်။ ဤထောင့်များကို ရေဒီယန်များဖြင့် တိုင်းတာသည်၊ ဒီဂရီများဖြင့် မတိုင်းတာပါ။ ဒီဂရီများကို ရေဒီယန်များသို့ ပြောင်းလဲရန် အောက်ပါ ဖန့်ရှင်ကို အသုံးပြုနိုင်သည်:

javascriptfunction getRadians(degrees) {
  return (Math.PI / 180) * degrees;
}

ဝါကျဖွဲ့စည်းပုံ

javascriptcontext.arc(x, y, radius, startAngle, endAngle, [anticlockwise = false]);

ဥပမာ

အခုဆိုရင် ဝန်းရံခြင်းတစ်ခုကို ရေးဆွဲကြည့်ရအောင်:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.arc(100, 100, 75, 0, getRadians(360));
ctx.stroke();

function getRadians(degrees) {
  return (Math.PI / 180) * degrees;
}

Результат:

ဥပမာ

အခုဆိုရင် ဝန်းရံခြင်း တစ်ဝက်ကို ရေးဆွဲကြည့်ရအောင်:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.arc(100, 100, 75, 0, getRadians(180));
ctx.stroke();

function getRadians(degrees) {
  return (Math.PI / 180) * degrees;
}

Результат:

ဥပမာ

အခုဆိုရင် စက်ဝိုင်း တစ်ဝက်ကို ရေးဆွဲကြည့်ရအောင် (fill ဖြင့် အနားသတ်ကို အရောင်ဖြည့်မည်):

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.arc(100, 100, 75, 0, getRadians(180));
ctx.fill();

function getRadians(degrees) {
  return (Math.PI / 180) * degrees;
}

Результат:

ဒါတွေလည်း ကြည့်ပါ