fillRect ක්‍රමය

fillRect ක්‍රමය ලබා දී ඇති ලක්ෂ්‍යයක පිරවූ සෘජුකෝණාස්‍රයක් අඳියි. පළමු පරාමිති දෙක අඳින ලද සෘජුකෝණාස්‍රයේ ඉහළ වම් කෙළවර තිබෙන ලක්ෂ්‍යයේ ඛණ්ඩාංක සපයයි.

වාක්‍ය රීතිය

javascriptcontext.fillRect(x, y, width, height);

උදාහරණය

අපි fillRect භාවිතයෙන් පිරවූ සෘජුකෝණාස්‍රයක් අඳිමු:

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

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

ctx.fillRect(50, 50, 100, 75);

Результат:

මෙයද බලන්න