HTML canvas strokeText() মথুরা
বিবরণ ও ব্যবহার
strokeText() ক্যানভাসে টেক্সটকে চিত্রিত করার জন্য মথুরা ব্যবহার করুন (আবর্জনা নেই)।ডিফল্ট রঙ হল কালো।
সুঝান:ব্যবহার করুন font প্রতিযোগিতা ফন্ট এবং সাইজ নির্ধারণ করতে এবং strokeStyle লিখিত মুদ্রা/গ্রেডিয়েন্ট দিয়ে টেক্সটকে আরও একটি রঙে প্রদর্শন করুন。
উদাহরণ
strokeText() মথুরা ব্যবহার করে ক্যানভাসে "Hello world!" এবং "codew3c.com" লিখুন:
জাভাস্ক্রিপ্ট:
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 | টেক্সট আঁকার যেটি সূচিকরণ করা হয়, ক্যানভাসের প্রতি তার যেটি স্থান আছে (সংযুক্ত করা হয়)。 |
| y | টেক্সট আঁকার যেটি সূচিকরণ করা হয়, ক্যানভাসের প্রতি তার যেটি স্থান আছে (সংযুক্ত করা হয়)。 |
| maxWidth | বাছাইকৃত।সর্বোচ্চ টেক্সট প্রস্থতা, পিক্সেলে পরিমাপ করা হয়。 |
ব্রাউজার সমর্থন
তালিকায় সংখ্যা এই অভিজ্ঞতা সহজতা দেখায়, যার মাধ্যমে এই বৈশিষ্ট্যটি পূর্ণাত্মকভাবে সমর্থিত হয়。
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
|---|---|---|---|---|
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
মন্তব্য:ইন্টারনেট এক্সপ্লোরার ৮ এবং তার পূর্ববর্তী সংস্করণ ক্যানভাস ইলেকট্রনেমেন্টকে সমর্থন করে না。
