stroke နည်းလမ်း

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

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

javascriptcontext.stroke()

ဥပမာ

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

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

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

ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
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.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.lineTo(150, 150);
ctx.lineTo(50, 150);
ctx.closePath();
ctx.stroke();

Результат:

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