کانواس textAlign نمائش
تعریف اور استعمال
textAlign صفت کا مقصد، متن کی موجودیت کی موجودیت کی ترتیب کا تعین یا واپس کیجائے.
بطور معمول، متن از موقعیت مشخص شده آغاز میشود، اما اگر شما textAlign="right" را تنظیم کنید و متن را در موقعیت 150 قرار دهید، متن در موقعیت 150 پایان خواهد یافت.
توجه:با استفاده از fillText() یا strokeText() روشها در واقع در کanvas نقش میبندند و متن را در موقعیتهای مختلف قرار میدهند.
مثال
یک خط قرمز در موقعیت 150 ایجاد میکنیم. موقعیت 150 نقطهی آغاز و پایان تمامی مثالهای زیر است. لطفاً تأثیر هر یک از مقادیر textAlign را بررسی کنید:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// در موقعیت 150 یک خط آبی ایجاد میکنیم
ctx.strokeStyle="blue";
ctx.moveTo(150,20);
ctx.lineTo(150,170);
ctx.stroke();
ctx.font="15px Arial";
// نمایش مقادیر مختلف textAlign
ctx.textAlign="start";
ctx.fillText("textAlign=start",150,60);
ctx.textAlign="end";
ctx.fillText("textAlign=end",150,80);
ctx.textAlign="left";
ctx.fillText("textAlign=left",150,100);
ctx.textAlign="center";
ctx.fillText("textAlign=center",150,120);
ctx.textAlign="right";
ctx.fillText("textAlign=right",150,140);
نحوهی نوشتن
متن.textAlign="center|end|left|right|start";
مقدار خصوصیت
| مقدار | توضیح |
|---|---|
| شروع | پیشفرض. متن در موقعیت مشخص شده شروع میشود. |
| پایان | متن در موقعیت مشخص شده پایان مییابد. |
| وسط | متن در موقعیت مشخص شده قرار داده شده است. |
| سمت چپ | متن در سمت چپ جابجا شده است. |
| سمت راست | متن در سمت راست جابجا شده است. |
جزئیات فنی
| مقادیر پیشفرض: | شروع |
|---|
براوزر کی سپورٹ
مذکورہ جدول میں اعداد، پہلے پورا طور پر اس خاص امتیاز کو سپورٹ کرنے والی براوزر کی نسلیں کا ذکر کرتا ہے۔
| کروم | ایج | فائرفاکس | سافری | آپرا |
|---|---|---|---|---|
| کروم | ایج | فائرفاکس | سافری | آپرا |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
تعلیمات:اینٹرنیٹ ایکسپلورر 8 اور اس سے پہلے کی نسلیں <کینواس> علامت کو نہیں دکھاتا ہیں۔
