SVG মানে স্কেলেবল ভেক্টর গ্রাফিক্স এবং এটি XML-এ 2D-গ্রাফিক্স এবং গ্রাফিকাল অ্যাপ্লিকেশন বর্ণনা করার জন্য একটি ভাষা এবং XML তারপর একটি SVG ভিউয়ার দ্বারা রেন্ডার করা হয়। বেশিরভাগ ওয়েব ব্রাউজার SVG প্রদর্শন করতে পারে ঠিক যেমন তারা PNG, GIF, এবং JPG প্রদর্শন করতে পারে।
HTML SVG-তে একটি বহুভুজ আঁকতে, SVG <বহুভুজ> উপাদান ব্যবহার করুন। <বহুভুজ> উপাদানটি অন্তত তিনটি দিক সম্বলিত একটি গ্রাফিক তৈরি করে। পয়েন্ট অ্যাট্রিবিউট হল বহুভুজের প্রতিটি কোণে x এবং y স্থানাঙ্ক।
উদাহরণ
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 Polygon</title>
</head>
<body>
<h2>HTML5 SVG Polygon</h2>
<svg id="svgelem" width="300" height="300" xmlns="https://www.w3.org/2000/svg">
<polygon points="100, 20 200,180 100,200" style="fill:green;" />
</svg>
</body>
</html> আউটপুট
