SVG মানে স্কেলেবল ভেক্টর গ্রাফিক্স এবং এটি XML-এ 2D-গ্রাফিক্স এবং গ্রাফিকাল অ্যাপ্লিকেশন বর্ণনা করার জন্য একটি ভাষা এবং XML তারপর একটি SVG ভিউয়ার দ্বারা রেন্ডার করা হয়। বেশিরভাগ ওয়েব ব্রাউজার SVG প্রদর্শন করতে পারে ঠিক যেমন তারা PNG, GIF, এবং JPG প্রদর্শন করতে পারে।
HTML SVG-এ একটি লাইন আঁকতে, SVG
উদাহরণ
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>HTML5 SVG Line</title>
</head>
<body>
<h2>HTML5 SVG Line</h2>
<svg id = "svgelem" width = "300" height = "200" xmlns = "https://www.w3.org/2000/svg">
<line x1 = "0" y1 = "0" x2 = "100" y2 = "100" style = "stroke:red;stroke-width:2"/>
</svg>
</body>
</html> 
