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>