কম্পিউটার

কিভাবে 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>SVG</title>
   </head>

   <body>
      <h2>HTML5 SVG Rectangle</h2>
      <svg id="svgelem" width="300" height="200" xmlns="https://www.w3.org/2000/svg">
         <rect width="200" height="100" fill="green"/>
      </svg>
   </body>
</html>

আউটপুট

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


  1. কিভাবে HTML5 এ SVG ব্যবহার করে আকার আঁকতে হয়?

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

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

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