विधि rect

rect विधि दिए गए बिंदु पर एक आयत बनाती है। यह आयत तभी दिखाई देगी जब stroke या fill विधि को लागू किया जाए। पहले मामले में रूपरेखा बनेगी, और दूसरे मामले में - भरी हुई आकृति।

वाक्य-विन्यास

javascriptcontext.rect(x, y, width, height)

उदाहरण

आइए rect का उपयोग करके एक रूपरेखा बनाते हैं:

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

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

ctx.rect(50, 50, 100, 75);
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.rect(50, 50, 100, 75);
ctx.fill();

Результат:

यह भी देखें