Canvas fillText() পদ্ধতি

Canvas পরিচিতি

সংজ্ঞা ও ব্যবহার

fillText() পদ্ধতি মেথড দ্বারা কাভসের উপর রংযুক্ত টেক্সট আবর্তিত করুন।টেক্সটের ডিফল্ট রঙ কালো।

সুঝাওয়া:ব্যবহার করুন font পারামিটারকে লেখা হয় এবং font পারামিটারকে ব্যবহার করে ফন্ট ও আকার নির্ধারণ করুন。 fillStyle টেক্সটকে অন্য রঙ/গ্রেডিয়েন্ট দ্বারা রেন্ডার করুন。

উদাহরণ

fillText() মেথড দ্বারা, "Hello world!" এবং "codew3c.com" কাভসের উপর লিখুন:

আপনার ব্রাউজার HTML5 কাভস ট্যাগটির সমর্থন করে না。

JavaScript:

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 সাংকেতিক।বৃহত্তম টেক্সট প্রস্থ, পিক্সেলে পরিমাপ করা হয়。

ব্রাউজার সমর্থন

সমূহের সংখ্যা এই বৈশিষ্ট্যটি যে প্রথম সম্পূর্ণরূপে সমর্থন করে এটা উল্লেখ করা হয়েছে。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

মন্তব্য:Internet Explorer 8 এবং তার পূর্ববর্তী সংস্করণগুলি <canvas> উপাদানটি সমর্থন করে না。

Canvas পরিচিতি