HTML5 में SVG इमेज का उपयोग करने के लिए, <img> एलिमेंट या <svg> का उपयोग करें। SVG फ़ाइलें जोड़ने के लिए, आप HTML में <img>, <object>, या <embed> एलिमेंट का उपयोग कर सकते हैं। अपनी आवश्यकता के अनुसार उनमें से किसी एक को चुनें।
यहां बताया गया है कि आप SVG इमेज कैसे जोड़ सकते हैं। यदि SVG फ़ाइल के रूप में सहेजा गया है, तो इसे सीधे SVG इमेज के रूप में उपयोग किया जा सकता है:
उदाहरण
SVG इमेज का उपयोग करने के लिए निम्न कोड चलाएं:
<!DOCTYPE html> <html> <head> <style> #svgelem { position: relative; left: 50%; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } </style> <title>HTML5 SVG इमेज</title> </head> <body> <h2 align="center">HTML5 SVG इमेज</h2> <img src="https://www.tutorialspoint.com/html5/src/svg/extensions/imagelib/smiley.svg" alt="smile" height="100px" width="100px" /> </body> </html>तरीके: 1) <img src="file.svg"> - सरल, कैशेबल 2) इंलाइन <svg> - CSS/JS से स्टाइल करने योग्य 3) <object> - फॉलबैक सामग्री की अनुमति देता है।
