attribute textBaseline کانواس HTML
تعریف و استفاده
attribute textBaseline برای تنظیم یا بازگرداندن baseline فعلی در زمان ترسیم متن استفاده میشود.
تصویر زیر نمایش میدهد که attribute textBaseline از چه baselineهایی پشتیبانی میکند:
نوٹ:fillText() یا strokeText() وقتی متد در حال قرار دادن متن روی کانواس است، از value 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 با values مختلف 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 اور اس سے پہلے کی نسلیں <canvas> عنصر کو نہیں دعوا کرتی ہیں。
