SVG মানে Scalable Vector Graphics এবং এটি 2D-গ্রাফিক্স এবং গ্রাফিক্যাল অ্যাপ্লিকেশন বর্ণনার একটি ভাষা XML-এ এবং XMLটি একটি SVG ভিউয়ার দ্বারা রেন্ডার হয়। অধিকাংশ ওয়েব ব্রাউজার SVG প্রদর্শন করতে পারে PNG, GIF, এবং JPG-এর মতো।
HTML SVG-এ পলিগন আঁকতে, SVG <polygon> এলিমেন্ট ব্যবহার করুন। <polygon> এলিমেন্ট কমপক্ষে তিনটি বাহুসহ একটি গ্রাফিক তৈরি করে। HTML5 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 Star</title> </head> <body> <h2>HTML5 SVG Star</h2> <svg id = "svgelem" width = "300" height = "300" xmlns = "https://www.w3.org/2000/svg"> <polygon points="100,10 40,180 190,60 10,60 160,180" fill="blue"/> </svg> </body> </html>আউটপুট
