SVG মানে স্কেলেবল ভেক্টর গ্রাফিক্স এবং এটি XML-এ 2D-গ্রাফিক্স এবং গ্রাফিকাল অ্যাপ্লিকেশন বর্ণনা করার জন্য একটি ভাষা এবং XML তারপর একটি SVG ভিউয়ার দ্বারা রেন্ডার করা হয়৷
SVG বেশিরভাগ ভেক্টর টাইপ ডায়াগ্রামের জন্য উপযোগী যেমন পাই চার্ট, X,Y সমন্বয় সিস্টেমে দ্বি-মাত্রিক গ্রাফ ইত্যাদি।
HTML5 এ স্কেলেবল ভেক্টর গ্রাফিক্স (SVG) এর সাথে কাজ করতে, নিম্নলিখিত সিনট্যাক্স সহ ট্যাগগুলি ব্যবহার করে সরাসরি SVG এম্বেড করুন −
সিনট্যাক্স
<svg xmlns="https://www.w3.org/2000/svg"> ... </svg>
HTML5 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 Circle</title> </head> <body> <h2>HTML5 SVG Circle</h2> <svg id="svgelem" height="200" xmlns="https://www.w3.org/2000/svg"> <circle id="greencircle" cx="60" cy="60" r="50" fill="green" /> </svg> </body> </html>