विधि 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विधि,
जो एक आयत की रूपरेखा बनाती है
