কম্পিউটার টিউটোরিয়াল

HTML5 SVG দিয়ে স্টার শেপ তৈরি

SVG ব্যবহার করে স্টার আঁকার HTML5 সংস্করণ নিচে দেওয়া হলো, যেখানে <polygon> ট্যাগ ব্যবহার করা হয়েছে।

<html>
  <head>
    <style>
      #svgelem{
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-40%);
        -ms-transform: translateX(-40%);
        transform: translateX(-40%);
      }
    </style>
    <title>SVG</title>
    <meta charset="utf-8" />
  </head>
  <body>
    <h2 align="center">HTML5 SVG Star</h2>
    <svg id="svgelem" height="200" xmlns="https://www.w3.org/2000/svg">
      <polygon points="100,10 40,180 190,60 10,60 160,180" fill="red"/>
    </svg>
  </body>
</html>

আউটপুট

HTML5 SVG দিয়ে স্টার শেপ তৈরি
SVG স্টার আউটপুট
  1. HTML5 SVG-এ সাইন ওয়েভ (Sine Wave) আঁকা

  2. HTML5 SVG দিয়ে স্টার শেপ তৈরি

  3. HTML5 SVG-এ বৃত্তাকোণবিশিষ্ট আয়তক্ষেত্র কীভাবে তৈরি করবেন?

  4. HTML5-এ Scalable Vector Graphics (SVG) কীভাবে ব্যবহার করবেন?