HTML canvas fillText() পদ্ধতি
সংজ্ঞা ও ব্যবহার
fillText() পদ্ধতি ক্যানভাসের উপর ফিল্টার করা লিখিত শব্দ প্রদর্শন করে।শব্দের ডিফল্ট রঙ হলো কালো রঙ。
সুঝাওয়া:ব্যবহার করুন font প্রয়োগ করে, শব্দটির ফন্ট এবং আকার নির্ধারণ করুন fillStyle শব্দটি আরেকটি রঙ/গ্রেডিয়েন্ট দিয়ে প্রদর্শন করুন
প্রদত্তি
fillText() মথুক মাথুক করে, ক্যানভাসের উপর "Hello world!" এবং "codew3c.com" লিখুন:
জাভাস্ক্রিপ্ট:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="20px Georgia";
ctx.fillText("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.fillStyle=gradient;
ctx.fillText("codew3c.com",10,90);
সংজ্ঞা
context.fillText(text,x,y,maxWidth);
পারামিটার মান
| পারামিটার | বর্ণনা |
|---|---|
| text | ক্যানভাসের উপর যেখানে টেক্সট প্রদর্শিত হবে |
| x | ক্যানভাসের প্রতি যেখানে টেক্সট আরম্ভ হবে একটি x অক্ষ সমতুল্য |
| y | ক্যানভাসের প্রতি যেখানে টেক্সট আরম্ভ হবে একটি y অক্ষ সমতুল্য |
| maxWidth | বাছাইযোগ্য।সর্বোচ্চ টেক্স্ট প্রশস্ততা, পিক্সেলে পরিমাপ করা হয়。 |
ব্রাউজার সমর্থন
সারণীতে দেওয়া সংখ্যাগুলি এই এট্রিবিউটটি যারা প্রথম সম্পূর্ণরূপে সমর্থন করে তা নির্দেশ করে
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
|---|---|---|---|---|
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
মন্তব্য:ইন্টারনেট এক্সপ্লোরার ৮ এবং তার পূর্ববর্তী সংস্করণগুলি <canvas> এলিমেন্টটি সমর্থন করে না。
