stroke နည်းလမ်း

stroke နည်းလမ်းကို lineTo ဖြင့် မျဉ်းဆွဲခြင်းပြီးဆုံးရန် နှင့် rect ကဲ့သို့သော နည်းလမ်းများဖြင့် ဆွဲထားသော ပုံများကို ကွန်တိုဖြင့် အကွက်ခြံရိုက်ရန် ခေါ်ဆိုပါသည်။

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

context.stroke()

ဥပမာ

မျဉ်းတစ်ကြောင်း ဆွဲကြည့်ရအောင်:

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

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

ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.stroke();

ဥပမာ

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

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

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

ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.lineTo(150, 150);
ctx.lineTo(50, 150);
ctx.closePath();
ctx.stroke();

ဤသည်ကိုလည်း ကြည့်ပါ

fill နည်းလမ်း,
သည်ပုံကို နောက်ခံဖြင့် ဖြည့်ရန် အသုံးပြုသည်
strokeStyle ဂုဏ်သတ္တိ,
သည်မျဉ်း၏ အရောင်ကို သတ်မှတ်ပေးသည်