HTML کینس 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 | متن کا شروع کرنے والا x کا سورج، کانواس کے ساتھ ساتھ. |
y | متن کا شروع کرنے والا y کا سورج، کانواس کے ساتھ ساتھ. |
maxWidth | اختیاری، سب سے زیادہ مجاز متن چوڑائی، پیسو میں. |
براوزر کی مدد
جداول میں شماراں کو پہلے کی جاتی ہیں جو اس کی پرزنسی کو پورا کرنے والی پہلی براوزر کی نسلیں کا ذکر کرتی ہیں。
کروم | ایج | فائرفاکس | سافری | آپریا |
---|---|---|---|---|
کروم | ایج | فائرفاکس | سافری | آپریا |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
نوٹ:اینٹرنیشنل ایکسپلورر 8 اور اس سے پہلے کی نسلیں <canvas> عنصر کو نہیں مدد فراہم کرتی ہیں。