HTML کینس strokeText() کا طریقہ کار

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

strokeText() مетод کا استعمال کانواس پر متن بنایا جاتا ہے (رنگ نہیں دینا جاتا). متن کا رنگ پیش دفعاتی سیاه ہوتا ہے.

نکات:استفاده کنید font ترتیب کا فونت و اندازہ تعین کرنا، و استعمال strokeStyle ترتیب کا رنگ یا پیچیدگی می‌تواند با رنگ/پیچیدگی دیگری برای ترتیب نمایش داده شود.

مثال

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

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

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

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 اختیاری، سب سے زیادہ مجاز متن چوڑائی، پیسو میں.

براوزر کی مدد

جداول میں شماراں کو پہلے کی جاتی ہیں جو اس کی پرزنسی کو پورا کرنے والی پہلی براوزر کی نسلیں کا ذکر کرتی ہیں。

کروم ایج فائرفاکس سافری آپریا
کروم ایج فائرفاکس سافری آپریا
4.0 9.0 3.6 4.0 10.1

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