strokeRect နည်းလမ်း

strokeRect နည်းလမ်းသည် သတ်မှတ်ထားသော အမှတ်တွင် စတုဂံအနားသတ်မျဉ်းကို ဆွဲပေးပါသည်။ ပထမပါရာမီတာနှစ်ခုသည် ဆွဲထားသောစတုဂံ၏ ဘယ်ဘက်အပေါ်ထောင့် တည်ရှိမည့် အမှတ်၏ကိုဩဒိနိတ်များကို သတ်မှတ်ပေးပါသည်။

ဝါကျဖွဲ့ပုံ

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

နမူနာ

strokeRect ကိုအသုံးပြု၍ စတုဂံတစ်ခု ဆွဲကြည့်ပါမည်။

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

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

ctx.strokeRect(50, 50, 100, 75);

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

fillRect နည်းလမ်း,
အရောင်ဖြည့်ထားသော စတုဂံကို ဆွဲပေးသည်
rect နည်းလမ်း,
စတုဂံကို ဆွဲပေးသည်
lineTo နည်းလမ်း,
မျဉ်းများကို ဆွဲပေးသည်
strokeStyle ဂုဏ်သတ္တိ,
မျဉ်းအရောင်ကို သတ်မှတ်ပေးသည်