HTML5 में 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 Image</title>
</head>
<body>
<h2 align="center">HTML5 SVG Image</h2>
<img src="https://www.tutorialspoint.com/html5/src/svg/extensions/imagelib/smiley.svg" alt="smile" height="100px" width="100px" />
</body>
</html>