विधि rect

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

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

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

उदाहरण

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

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

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

ctx.rect(50, 50, 100, 75);
ctx.stroke();

उदाहरण

और अब एक भरी हुई आकृति बनाते हैं:

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

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

ctx.rect(50, 50, 100, 75);
ctx.fill();

यह भी देखें

fillRect विधि,
जो एक भरा हुआ आयत बनाती है
strokeRect विधि,
जो एक आयत की रूपरेखा बनाती है