কম্পিউটার

কিভাবে HTML5 SVG এ একটি বৃত্ত আঁকবেন?


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

HTML 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>

আউটপুট

কিভাবে HTML5 SVG এ একটি বৃত্ত আঁকবেন?


  1. কিভাবে HTML পেজে বৃত্ত আঁকতে হয়?

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

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

  4. কিভাবে HTML5 এ আর্ক() দিয়ে একটি বৃত্ত আঁকবেন?