HTML5 SVG में आयत (Rectangle) कैसे बनाएं?

SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है। HTML SVG में आयत बनाने के लिए SVG <rect> एलिमेंट का उपयोग करें।

उदाहरण

HTML5 SVG में आयत बनाने का तरीका सीखने के लिए निम्न कोड चलाएं:

<!DOCTYPE html> <html>    <head>       <style>          #svgelem {             position: relative;             left: 10%;             -webkit-transform: translateX(-20%);             -ms-transform: translateX(-20%);             transform: translateX(-20%);          }       </style>       <title>SVG</title>    </head>    <body>       <h2>HTML5 SVG आयत</h2>       <svg id="svgelem" width="300" height="200" xmlns="https://www.w3.org/2000/svg">          <rect width="200" height="100" fill="green"/>       </svg>    </body> </html>

<rect> एलिमेंट width, height, x, y, rx, ry और fill जैसे एट्रिब्यूट्स स्वीकार करता है।