কম্পিউটার

কিভাবে HTML5 SVG এ একটি তারকা আঁকা যায়?


SVG মানে স্কেলেবল ভেক্টর গ্রাফিক্স এবং এটি XML-এ 2D-গ্রাফিক্স এবং গ্রাফিকাল অ্যাপ্লিকেশন বর্ণনা করার জন্য একটি ভাষা এবং XML তারপর একটি SVG ভিউয়ার দ্বারা রেন্ডার করা হয়। বেশিরভাগ ওয়েব ব্রাউজার SVG প্রদর্শন করতে পারে ঠিক যেমন তারা PNG, GIF, এবং JPG প্রদর্শন করতে পারে।

HTML SVG-তে একটি বহুভুজ আঁকতে, SVG <বহুভুজ> উপাদান ব্যবহার করুন। <বহুভুজ> উপাদানটি অন্তত তিনটি দিক সম্বলিত একটি গ্রাফিক তৈরি করে। HTML5 SVG-তে একটি তারকা আঁকার জন্য, আপনাকে প্রতিটি কোণার জন্য সঠিকভাবে x এবং y স্থানাঙ্ক সেট করতে হবে।

কিভাবে 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 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>

আউটপুট

কিভাবে HTML5 SVG এ একটি তারকা আঁকা যায়?


  1. ক্যানভাস HTML5 ব্যবহার করে কিভাবে একটি তারকা আঁকা?

  2. কিভাবে HTML5 এ স্কেলেবল ভেক্টর গ্রাফিক্স (SVG) এর সাথে কাজ করবেন?

  3. কিভাবে SVG একটি ঠালা বৃত্ত আঁকা?

  4. কিভাবে HTML5 এ SVG ছবি ব্যবহার করবেন?