کدW3C درس آنلاین
مجموعه درسهای HTML
اسکریپت مرورگر
اسکریپت سرور
درسهای برنامهنویسی
مجموعه درسهای XML
دستورالعمل ساخت وبسایت
دستورالعمل مرجع
جلسهنویسی
دستورالعمل مرجع
ایچتیامایل عناصر (ترتیب الفبایی)
ایچتیامایل عناصر (ترتیب عملکرد)
HTML براوزر کا استعمال
خصوصیات کلی HTML
HTML واقعات
نامهای رنگ HTML
HTML کینواس
HTML ویڈیو/آوڈیو
زبانهای HTML
HTML دستاویز جنس
کدگذاری URL HTML
HTML زبان کا کد
HTML ملک کا کد
HTTP پیغام
HTTP کا طریق
کلیدهای میانبر صفحهکلید
HTML کا بل
<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<data>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
<main>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<picture>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<search>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
</a></li> <li><a href="/ur/tags/tag_tfoot.html" title="HTML <tfoot> علامت"><tfoot></a></li> <li><a href="/ur/tags/tag_th.html" title="HTML <th> علامت"><th></a></li> <li><a href="/ur/tags/tag_thead.html" title="HTML <thead> علامت"><thead></a></li> <li><a href="/ur/tags/tag_time.html" title="HTML <time> علامت"><time></a></li> <li><a href="/ur/tags/tag_title.html" title="HTML <title> علامت"><title></a></li> <li><a href="/ur/tags/tag_tr.html" title="HTML <tr> علامت"><tr></a></li> <li><a href="/ur/tags/tag_track.html" title="HTML <track> علامت"><track></a></li> <li><a href="/ur/tags/tag_tt.html" title="HTML <tt> علامت"><tt></a></li> <li><a href="/ur/tags/tag_u.html" title="HTML <u> علامت"><u></a></li> <li><a href="/ur/tags/tag_ul.html" title="HTML <ul> علامت"><ul></a></li> <li><a href="/ur/tags/tag_var.html" title="HTML <var> علامت"><var></a></li> <li><a href="/ur/tags/tag_video.html" title="HTML <video> علامت"><video></a></li> <li><a href="/ur/tags/tag_wbr.html" title="HTML <wbr> علامت"><wbr></a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/ur/howto/index.html" title="CodeW3C.com کیت چوب">CodeW3C.com کیت چوب</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>HTML canvas textAlign 属性</h1> <div class="backtoreference"> <p><a href="/ur/tags/html_ref_canvas.html">دستورالعملهای کانواس HTML5</a></p> </div> <div> <h2>定义和用法</h2> <p><code>textAlign</code> 属性根据锚点，设置或返回文本内容的当前对齐方式。</p> <p>通常，文本会从指定位置开始，不过，如果您设置为 textAlign="right" 并将文本放置到位置 150，那么会在位置 150 结束。</p> <p class="tip"><span>提示：</span>使用 <a href="/ur/tags/canvas_filltext.html" title="HTML5 کانواس fillRect() طریق">fillText()</a> 或 <a href="/ur/tags/canvas_stroketext.html" title="HTML5 کانواس strokeText() طریق">strokeText()</a> 方法在实际地在画布上绘制并定位文本。</p> </div> <div> <h2>مثال</h2> <p>150 کی دوسری جانب ایک لال لائن بنائیں. 150 لوکیشن 150 کی دوسری جانب دینے والی تمام متنوں کا آؤٹ پوائنٹ ہے. آپ مختلف textAlign کی اثرات کو مطالعہ کریں:</p> <canvas id="myCanvas" width="300" height="200" style="border:1px solid #d3d3d3;background:#ffffff; margin-top:20px;"> آپ کا براوزر کینس کا تگ نہیں سپورٹ کرتا ہے. </canvas> <script> var c=document.getElementById("myCanvas"); var canvOK=1; try {c.getContext("2d");} catch (er) {canvOK=0;} if (canvOK==1) { 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); } </script> <p>JavaScript:</p> <pre class="language-js"> 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); </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=eg_html5_canvas_textalign">سعی خود را کنید</a></p> </div> <div> <h2>زبان معرفی</h2> <pre><i>مستند</i>.textAlign="center|end|left|right|start";</pre> <h3>مقدار ویژگی</h3> <table class="dataintable"> <tr> <th style="width:25%;">مقدار</th> <th>توضیح</th> </tr> <tr> <td>شروع</td> <td>پیشفرض. متن از موقعیت مشخصی آغاز میشود.</td> </tr> <tr> <td>end</td> <td>موقعیت مشخصی که متن در آن قرار دارد، پایان مییابد.</td> </tr> <tr> <td>center</td> <td>مركز متن در موقعیت مشخص قرار داده میشود.</td> </tr> <tr> <td>left</td> <td>چپچینی متن.</td> </tr> <tr> <td>right</td> <td>چپچینی متن.</td> </tr> </table> </div> <div> <h2>جزئیات فنی</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">مقدار پیشفرض:</th> <td>شروع</td> </tr> </table> </div> <div> <h2>پشتیبانی مرورگر</h2> <p>اعداد در جدول نشاندهنده نسخه اولین مرورگری هستند که این ویژگی را پشتیبانی میکند.</p> <table class="browser-support"> <tr> <th class="bsChrome">کروم</th> <th class="bsEdge">ایج</th> <th class="bsFirefox">افرادا</th> <th class="bsSafari">سفاری</th> <th class="bsOpera">اپرا</th> </tr> <tr> <td>کروم</td> <td>ایج</td> <td>افرادا</td> <td>سفاری</td> <td>اپرا</td> </tr> <tr> <td>4.0</td> <td>9.0</td> <td>3.6</td> <td>4.0</td> <td>10.1</td> </tr> </table> <p class="note"><span>توضیح:</span>اینترنت اکسپلورر 8 و نسخههای قدیمیتر از علامت <canvas> پشتیبانی نمیکنند.</p> </div> <div class="backtoreference"> <p><a href="/ur/tags/html_ref_canvas.html">دستورالعملهای کانواس HTML5</a></p> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> ابزارخانه </center><h3> <h5 id="tools_reference"><a href="/ur/tags/index.html">دستورالعملهای HTML</a></h5> <h5 id="tools_example"><a href="/ur/html/html_examples.html">مثالهای HTML</a></h5> <h5 id="tools_quiz"><a href="/ur/html/html_quiz.html">آزمون HTML</a></h5> <h5 id="tools_tutorial"><a href="/ur/html/index.html">آموزش HTML</a></h5> </div> <div><h3><center> لینکهای حامی </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> محتوا CodeW3C.com تنها برای آموزش و تست ارائه میشود و از صحت آن اطمینان داده نمیشود. خطرات ناشی از استفاده از محتوای این وبسایت با این وبسایت مرتبط نیست. تمام حقوق محفوظ است. </p> <p id="p2"> <a href="/ur/about/index.html" title="کمپوزیشن CodeW3C.com">کمپوزیشن CodeW3C.com</a> <a href="/ur/about/about_helping.html" title="کمک CodeW3C.com">کمک CodeW3C.com</a> <a href="/ur/about/about_use.html" title="درباره استفاده">شرایط استفاده</a> <a href="/ur/about/about_privacy.html" title="درباره پرایویسی">شرایط پرایویسی</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="مصنف توسط Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>