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