Canvas textBaseline کا حوالہ
تعریف و استعمال
textBaseline کا حوالہ عطا یا واپس لینا جس میں بناپائی جانے والی لکھت کی موجودگی کو قائم رکھتا ہے۔
تصویر زیر نمایش میدهد که ویژگی textBaseline از چه خطوط پایهای پشتیبانی میکند:
تعلیمات:fillText() یا strokeText() وقتی متنی را در نقش کانواس قرار میدهید، از مقدار textBaseline مشخص شده استفاده خواهد شد.
مثال
مستطیلی با رنگ آبی تعریف کنید:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
//در موقعیت y=100 خطی آبی رنگ بکشید
ctx.strokeStyle="blue";
ctx.moveTo(5,100);
ctx.lineTo(395,100);
ctx.stroke();
ctx.font="20px Arial"
//در y=200 با مقادیر مختلف textBaseline هر کلمه را قرار دهید
ctx.textBaseline="top";
ctx.fillText("Top",5,100);
ctx.textBaseline="bottom";
ctx.fillText("Bottom",50,100);
ctx.textBaseline="middle";
ctx.fillText("Middle",120,100);
ctx.textBaseline="alphabetic";
ctx.fillText("Alphabetic",190,100);
ctx.textBaseline="hanging";
ctx.fillText("Hanging",290,100);
قوانین
مستند.textBaseline="alphabetic|top|hanging|middle|ideographic|bottom";
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| alphabetic | مقصد طبیعی. خط پایه متن خط حروف عادی است. |
| top | خط پایه متن در بالای مربع em است. |
| hanging | خط پایه متن در خط معلق است. |
| middle | خط پایه متن در وسط مربع em است. |
| ideographic | خط پایه متن بر اساس خط معنایی است. |
| bottom | خط پایه متن در پایین مربع em است. |
جزئیات فنی
| مقصد طبيعی: | alphabetic |
|---|
بھرپائی کا ذریعہ بروسر
جداول میں دیئے گئے شماریات، پہلی بار اس کا مکمل سپورٹ کرنے والی براوزر کی نسلیں کا ذکر کیا گیا ہے。
| کروم | ایج | فائرفاکس | سافری | آپرا |
|---|---|---|---|---|
| کروم | ایج | فائرفاکس | سافری | آپرا |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
تعلیمات:اینٹرنیٹ ایکسپلورر 8 اور اس سے پچھلے کی نسلیں <کانواس> علامت کو نہیں دعوا کرتی ہیں。
