SVG মানে স্কেলেবল ভেক্টর গ্রাফিক্স এবং এটি XML-এ 2D-গ্রাফিক্স এবং গ্রাফিকাল অ্যাপ্লিকেশন বর্ণনা করার জন্য একটি ভাষা এবং XML তারপর একটি SVG ভিউয়ার দ্বারা রেন্ডার করা হয়। বেশিরভাগ ওয়েব ব্রাউজার SVG প্রদর্শন করতে পারে ঠিক যেমন তারা PNG, GIF, এবং JPG প্রদর্শন করতে পারে।
আপনি HTML5 এ সহজে SVG ব্যবহার করে বৃত্ত, আয়তক্ষেত্র, লাইন ইত্যাদির মতো আকার আঁকতে পারেন। এসভিজি ব্যবহার করে একটি আয়তক্ষেত্র আঁকার একটি উদাহরণ দেখা যাক।
উদাহরণ
আপনি HTML5 এ একটি আয়তক্ষেত্র আঁকতে নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন৷
<!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 Rectangle</h2>
<svg id="svgelem" width="300" height="200" xmlns="https://www.w3.org/2000/svg">
<rect width="200" height="100" fill="green"/>
</svg>
</body>
</html> আউটপুট
