SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है। HTML SVG में आयत बनाने के लिए SVG <rect> एलिमेंट का उपयोग करें। गोल कोनों के लिए, rx और ry एट्रिब्यूट सेट करें, जो आयत के कोनों को गोल करते हैं।
उदाहरण
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 x="50" y="20" rx="30" ry="30" width="150" height="150" style="fill:blue;" /> </svg> </body> </html>rx और ry क्रमशः x-अक्ष और y-अक्ष के साथ कोने की त्रिज्या को परिभाषित करते हैं। समान मान देने से पूरी तरह गोल कोने बनते हैं।
