HTML5 ইনলাইন SVG

HTML5 ইনলাইন 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 টিউটোরিয়াল。