Canvas strokeText() মেথড
অর্থ ও ব্যবহার
strokeText() মেথড কাভসের উপর টেক্সট আঁকে (ফার্নিং না)।টেক্সটের ডিফল্ট রঙ কালো।
সুঝাওয়া:ব্যবহার করুন font পারামিটার ব্যবহার করে ফন্ট এবং আকার নির্ধারণ করুন strokeStyle টেক্সটকে আরেকটি রঙ/গ্রেডিয়েন্ট দিয়ে রেন্ডার করুন
উদাহরণ
স্ট্রোকটেক্সট() মেথড ব্যবহার করে কাভসে "Hello world!" এবং "codew3c.com" টেক্সট লিখুন:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="20px Georgia";
ctx.strokeText("Hello World!",10,50);
ctx.font="30px Verdana";
// গ্রেডিয়েন্ট তৈরি
var gradient=ctx.createLinearGradient(0,0,c.width,0);
gradient.addColorStop("0","magenta");
gradient.addColorStop("0.5","blue");
gradient.addColorStop("1.0","red");
// গ্রেডিয়েন্ট ফার্নিং
ctx.strokeStyle=gradient;
ctx.strokeText("codew3c.com",10,90);
ব্যবহারিক বিধি
context.strokeText(text,x,y,maxWidth);
পারামিটার মান
| পারামিটার | বর্ণনা |
|---|---|
| text | কাভসের উপর প্রদর্শিত টেক্সট |
| x | কাভস থেকে টেক্সট আঁকার x-অক্ষমান স্থান |
| y | কাভস থেকে টেক্সট আঁকার y-অক্ষমান স্থান |
| maxWidth | বাছাইযোগ্য।সর্বোচ্চ টেক্সট প্রস্থতি, পিক্সেলে অনুমোদিত হয়。 |
ব্রাউজার সমর্থন
সারিতে দেওয়া সংখ্যাগুলি এই প্রতিশব্দটি যে ব্রাউজার সংস্করণে পূর্ণাত্মকভাবে সমর্থন করে তা দেখায়。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
মন্তব্য:Internet Explorer 8 এবং আরও পুরানো সংস্করণগুলি <canvas> উপাদানটি সমর্থন করে না。
