နည်းလမ်း rect

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

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

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

ဥပမာ

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

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

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

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

Результат:

ဥပမာ

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

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

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

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

Результат:

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