কম্পিউটার

কিভাবে HTML5 SVG দিয়ে সাইন ওয়েভ আঁকবেন?


SVG দিয়ে সাইন ওয়েভ আঁকতে, সাইন ওয়েভের প্রায় অর্ধেক আনুমানিক নিম্নলিখিত ব্যবহার করুন। আমি একটি কিউবিক-বেজিয়ার আনুমানিক ব্যবহার করেছি। উপাদান ব্যবহার করুন।

উদাহরণ

<!DOCTYPE html>
<html>
   <head>
      <title>SVG</title>
      <meta charset = "utf-8" />
   </head>
   <body>
      <h2 align = "center">HTML5 SVG Sine Waves</h2>
      <svg width = "150px" height = "200px" viewBox = "0 0 100 100">
         <path stroke = "#00FF00" fill = "none" d = "M0,0 C36.42,0,70.58,100,100,100" />
      </svg>
   </body>
</html>

আউটপুট

কিভাবে HTML5 SVG দিয়ে সাইন ওয়েভ আঁকবেন?


  1. কিভাবে HTML5 এ strokeText() দিয়ে একটি পাঠ্য আঁকবেন?

  2. কিভাবে HTML5 এ fillText() দিয়ে একটি টেক্সট আঁকবেন?

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

  4. কিভাবে HTML5 এ lineTo() দিয়ে একটি লাইন আঁকবেন?