HTML کینس fillText() روش

HTML5 کینواس مرجع دستاویز

تعریف و کاربرد

fillText() fillText()، کانواس پر رنگی متن بنانے کا طریقہ کار استعمال کریں. متن کا پیش فرض رنگ سیاه ہوتا ہے.

نکات:استفاده از font ویژگی کا استعمال کریں تاکہ فونت اور انداز کا تعین کیا جائے، اور استعمال fillStyle متون را دوسرے رنگ/تدرج کے ساتھ پیش کیا جاتا ہے.

مثال

استفاده از fillText()، متن "Hello world!" و "codew3c.com" را روی کانواس بنویسید:

آپ کا براؤزر HTML5 کی کینس کی توجیہ نہیں کرتا.

جاوا اسکریپت:

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

نوٹ:اینٹرنیشنل ایکسپلورر 8 اور اس سے پچھلے کی نسلیں <canvas> عنصر کو نہیں مدعوم کرتی ہیں。

HTML5 کینواس مرجع دستاویز