কম্পিউটার

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


HTML5 এ ক্যানভাসে একটি পাঠ্য আঁকতে, strokeText() পদ্ধতি ব্যবহার করুন৷ এখানে strokeText() পদ্ধতির সিনট্যাক্স। এটি প্রদত্ত অবস্থানে প্রদত্ত পাঠকে স্ট্রোক করে, যা প্রদত্ত x এবং y স্থানাঙ্ক দ্বারা নির্দেশিত হয়। ডিফল্ট রঙ কালো।

strokeText(text, x, y [, maxWidth ] )

এখানে strokeText() পদ্ধতির প্যারামিটারের মান রয়েছে −




S. না
প্যারামিটার
বিবরণ
1
পাঠ্য
যে পাঠ্যটি লিখতে হবে
2
X
এক্স কোঅর্ডিনেট যেখানে পেইন্টিং শুরু হয়
3
Y
এক্স কোঅর্ডিনেট যেখানে পেইন্টিং শুরু হয়
4
সর্বোচ্চ প্রস্থ
পিক্সেলে সর্বাধিক অনুমোদিত প্রস্থ

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

উদাহরণ

HTML5 -

-এ strokeText() দিয়ে একটি পাঠ্য আঁকার জন্য আপনি নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন
<!DOCTYPE html>
<html>
   <head>
      <title>HTML5 Canvas strokeText()</title>
   </head>
   <body>
      <canvas id="newCanvas" width="400" height="150" style="border:1px solid #000000;">
      </canvas>
      <script>
         var c = document.getElementById("newCanvas");
         var ctxt = c.getContext("2d");
         ctxt.fillStyle = '#00F';
         ctxt.font = "20px Georgia";
         ctxt.strokeText("Tutorialspoint", 10, 50);
         ctxt.fillStyle = '#Cff765';
         ctxt.font = "30px Verdana";
         ctxt.strokeText("Simply Easy Learning!", 10, 90);
      </script>
   </body>
</html>

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

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

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

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