HTML5 এ ক্যানভাসে একটি পাঠ্য আঁকতে, strokeText() পদ্ধতি ব্যবহার করুন৷ এখানে strokeText() পদ্ধতির সিনট্যাক্স। এটি প্রদত্ত অবস্থানে প্রদত্ত পাঠকে স্ট্রোক করে, যা প্রদত্ত x এবং y স্থানাঙ্ক দ্বারা নির্দেশিত হয়। ডিফল্ট রঙ কালো।
strokeText(text, x, y [, maxWidth ] )
এখানে strokeText() পদ্ধতির প্যারামিটারের মান রয়েছে −
| ৷ | ৷ |
---|---|---|
S. না | প্যারামিটার | বিবরণ |
1 | পাঠ্য | যে পাঠ্যটি লিখতে হবে |
2 | X | এক্স কোঅর্ডিনেট যেখানে পেইন্টিং শুরু হয় |
3 | Y | এক্স কোঅর্ডিনেট যেখানে পেইন্টিং শুরু হয় |
4 | সর্বোচ্চ প্রস্থ | পিক্সেলে সর্বাধিক অনুমোদিত প্রস্থ |
উদাহরণ
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>