strokeRect နည်းလမ်း

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

ဝါကျဖွဲ့ပုံ

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

နမူနာ

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

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

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

Результат:

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

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