HTML canvas translate() 方法

درس نمونہ

مراجع دستور

HTML کا ٹیگ

-

</a></li> <li><a href="/ur/tags/tag_img.html" title="HTML <img> تگ"><img></a></li> <li><a href="/ur/tags/tag_input.html" title="HTML <input> تگ"><input></a></li> <li><a href="/ur/tags/tag_ins.html" title="HTML <ins> تگ"><ins></a></li> <li><a href="/ur/tags/tag_kbd.html" title="HTML <kbd> تگ"><kbd></a></li> <li><a href="/ur/tags/tag_label.html" title="HTML <label> تگ"><label></a></li> <li><a href="/ur/tags/tag_legend.html" title="HTML <legend> تگ"><legend></a></li> <li><a href="/ur/tags/tag_li.html" title="HTML <li> تگ"><li></a></li> <li><a href="/ur/tags/tag_link.html" title="HTML <link> تگ"><link></a></li> <li><a href="/ur/tags/tag_main.html" title="HTML <main> تگ"><main></a></li> <li><a href="/ur/tags/tag_map.html" title="HTML <map> تگ"><map></a></li> <li><a href="/ur/tags/tag_mark.html" title="HTML <mark> تگ"><mark></a></li> <li><a href="/ur/tags/tag_menu.html" title="HTML <menu> تگ"><menu></a></li> <li><a href="/ur/tags/tag_meta.html" title="HTML <meta> تگ"><meta></a></li> <li><a href="/ur/tags/tag_meter.html" title="HTML <meter> تگ"><meter></a></li> <li><a href="/ur/tags/tag_nav.html" title="HTML <nav> تگ"><nav></a></li> <li><a href="/ur/tags/tag_noframes.html" title="HTML <noframes> تگ"><noframes></a></li> <li><a href="/ur/tags/tag_noscript.html" title="HTML <noscript> تگ"><noscript></a></li> <li><a href="/ur/tags/tag_object.html" title="HTML <object> تگ"><object></a></li> <li><a href="/ur/tags/tag_ol.html" title="HTML <ol> تگ"><ol></a></li> <li><a href="/ur/tags/tag_optgroup.html" title="HTML <optgroup> تگ"><optgroup></a></li> <li><a href="/ur/tags/tag_option.html" title="HTML <option> تگ"><option></a></li> <li><a href="/ur/tags/tag_output.html" title="HTML <output> تگ"><output></a></li> <li><a href="/ur/tags/tag_p.html" title="HTML <p> تگ"><p></a></li> <li><a href="/ur/tags/tag_param.html" title="HTML <param> تگ"><param></a></li> <li><a href="/ur/tags/tag_picture.html" title="HTML <picture> تگ"><picture></a></li> <li><a href="/ur/tags/tag_pre.html" title="HTML <pre> تگ"><pre></a></li> <li><a href="/ur/tags/tag_progress.html" title="HTML <progress> تگ"><progress></a></li> <li><a href="/ur/tags/tag_q.html" title="HTML <q> تگ"><q></a></li> <li><a href="/ur/tags/tag_rp.html" title="HTML <rp> تگ"><rp></a></li> <li><a href="/ur/tags/tag_rt.html" title="HTML <rt> تگ"><rt></a></li> <li><a href="/ur/tags/tag_ruby.html" title="HTML <ruby> تگ"><ruby></a></li> <li><a href="/ur/tags/tag_s.html" title="HTML <s> تگ"><s></a></li> <li><a href="/ur/tags/tag_samp.html" title="HTML <samp> تگ"><samp></a></li> <li><a href="/ur/tags/tag_script.html" title="HTML <script> تگ"><script></a></li> <li><a href="/ur/tags/tag_search.html" title="HTML <search> تگ"><search></a></li> <li><a href="/ur/tags/tag_section.html" title="HTML <section> تگ"><section></a></li> <li><a href="/ur/tags/tag_select.html" title="HTML <select> تگ"><select></a></li> <li><a href="/ur/tags/tag_small.html" title="HTML <small> تگ"><small></a></li> <li><a href="/ur/tags/tag_source.html" title="HTML <source> تگ"><source></a></li> <li><a href="/ur/tags/tag_span.html" title="HTML <span> تگ"><span></a></li> <li><a href="/ur/tags/tag_strike.html" title="HTML <strike> تگ"><strike></a></li> <li><a href="/ur/tags/tag_strong.html" title="HTML <strong> تگ"><strong></a></li> <li><a href="/ur/tags/tag_style.html" title="HTML <style> تاگ"><style></a></li> <li><a href="/ur/tags/tag_sub.html" title="HTML <sub> تاگ"><sub></a></li> <li><a href="/ur/tags/tag_summary.html" title="HTML <summary> تاگ"><summary></a></li> <li><a href="/ur/tags/tag_sup.html" title="HTML <sup> تاگ"><sup></a></li> <li><a href="/ur/tags/tag_svg.html" title="HTML <svg> تاگ"><svg></a></li> <li><a href="/ur/tags/tag_table.html" title="HTML <table> تاگ"><table></a></li> <li><a href="/ur/tags/tag_tbody.html" title="HTML <tbody> تاگ"><tbody></a></li> <li><a href="/ur/tags/tag_td.html" title="HTML <td> تاگ"><td></a></li> <li><a href="/ur/tags/tag_template.html" title="HTML <template> تاگ"><template></a></li> <li><a href="/ur/tags/tag_textarea.html" title="HTML <textarea> تاگ"><textarea></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 translate() 方法</h1> <div class="backtoreference"> <p><a href="/ur/tags/html_ref_canvas.html">HTML5 کینواس مرجع دستنوشت</a></p> </div> <div> <h2>定义和用法</h2> <p><code>translate()</code> 方法重新映射画布上的 (0,0) 位置。</p> <p class="note"><span>نوٹ:</span>当您在 translate() 之后调用诸如 <a href="/ur/tags/canvas_fillrect.html" title="HTML کینواس فیلل ریکٹ() میٹد">fillRect()</a> 之类的方法时，值会添加到 <i>x</i> اور <i>y</i> کوآرڈینٹس پر.</p> <img src="/i/translate.gif" alt="ترنزلیٹ(ترنزلیٹ) کی تصویر" /> </div> <div> <h2>مثال</h2> <p>پوزیشن (10,10) پر ایک مستطیل بکشائیں، نئی پوزیشن (0,0) کو (70,70) بنائیں۔ پھر نئی مستطیل بکشائیں (ملاحظہ کریں کہ اب مستطیل پوزیشن (80,80) سے بکشائی جارہی ہے):</p> <canvas id="myCanvas" class="canvas_example"> آپ کا براؤزر HTML5 کینواس تگ کو سپورتی نہیں کرتا ہے. </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"); ctx.fillRect(10,10,100,50); ctx.translate(70,70); ctx.fillRect(10,10,100,50); } </script> <p>جاوااسکریپت:</p> <pre class="language-js"> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillRect(10,10,100,50); <mark>ctx.translate(70,70);</mark> ctx.fillRect(10,10,100,50); </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=eg_html5_canvas_translate">نفس خود سنجوئی</a></p> </div> <div> <h2>گرامر</h2> <pre>کٹیکس.ٹرانسلیٹ(<i>x</i>,<i>y</i>);</pre> <h3>پارامتر کی قیمت</h3> <table class="dataintable"> <tr> <th style="width:25%;">پارامتر</th> <th>وصف</th> </tr> <tr> <td><i>x</i></td> <td>افزودہ افقی کوس (x) پر کی گئی قیمت</td> </tr> <tr> <td><i>y</i></td> <td>افزودہ عمودی کوس (y) پر کی گئی قیمت</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>  <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="سی 4 ای کوم پر پاورد"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>