နည်းလမ်း rect

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

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

context.rect(x, y, width, height)

ဥပမာ

rect ကို အသုံးပြု၍ ကန်ထရိုက်တစ်ခုကို ဆွဲကြည့်ကြမည်:

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

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

ctx.rect(50, 50, 100, 75);
ctx.stroke();

ဥပမာ

ယခု ပုံသဏ္ဍာန်တစ်ခုကို ဆွဲကြည့်ကြမည်:

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

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

ctx.rect(50, 50, 100, 75);
ctx.fill();

ဤအကြောင်းကိုလည်း ကြည့်ပါ

fillRect နည်းလမ်း,
အရောင်ဖြည့်ထားသော စတုဂံကို ဆွဲပေးသည်
strokeRect နည်းလမ်း,
စတုဂံ၏ ကန်ထရိုက်ကို ဆွဲပေးသည်