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ගුණාංගය,
එය රේඛාවේ වර්ණය සකසයි
