HTML5 ইনলাইন SVG

HTML5 SVG-এর মধ্যে স্থানীয় SVG-এর সমর্থন

SVG কী?

  • SVG হল স্কেলেবল ভেক্টর গ্রাফিক্স (Scalable Vector Graphics)
  • SVG একটি নেটওয়ার্ক-ভিত্তিক ভেক্টর গ্রাফিক্স নির্ধারণ করে
  • SVG গ্রাফিক্সকে XML ফরম্যাটে নির্দিষ্ট করা হয়
  • SVG চিত্রকে বৃদ্ধি করা বা মাপ পরিবর্তন করার সময় তার গ্রাফিকাল গুণমান হারানো না
  • SVG হল ওয়াল্ড ওয়াইড ওয়েব কাউন্সিলের প্রমাণপত্র

SVG-র সুবিধা

অন্যান্য চিত্র ফরম্যাটের (যেমন JPEG ও GIF) তুলনায় SVG-র একটি সুবিধা হল:

  • SVG চিত্রকে টেক্সট এডিটরের মাধ্যমে তৈরি ও পরিবর্তন করা যায়
  • SVG চিত্রকে অনুসন্ধান, সূচীবদ্ধ, স্ক্রিপ্ট করা বা কম্প্রেস করা যায়
  • SVG সমকালীন
  • SVG চিত্রকে কোনও রেজলিউশনে উচ্চগুণমানে প্রিন্ট করা যায়
  • SVG বৃদ্ধি করার সময় চিত্রের গুণমান কমে না

ব্রাউজার সমর্থন

Internet Explorer 9, Firefox, Opera, Chrome এবং Safari ইনলাইন SVG সমর্থন করে

SVG সরাসরি HTML পৃষ্ঠায় যুক্ত করা

HTML5-তে, আপনি SVG ইলেকট্রনট সরাসরি HTML পৃষ্ঠায় যুক্ত করতে পারেন:

উদাহরণ

<!DOCTYPE html>
<html>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
  <polygon points="100,10 40,180 190,60 10,60 160,180"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>

</body>
</html>

স্বয়ং প্রয়াস করুন

ফলাফল:

SVG টিউটোরিয়াল

SVG নিয়ে আরও অনেক জানতে আমাদের SVG টিউটোরিয়াল。