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();

Результат:

මෙයද බලන්න