CodeW3C စင်တာ ပြောဆိုမှု
HTML အစည်းအဝေး ပြည်ထောင်စု
ဘာသာ က်စက် အက်ဥ်
နှိပ်စက် အက်ဥ်
ပြည်ထောင်စု ပြည်ထောင်စု
XML အစည်းအဝေး ပြည်ထောင်စု
ကွန်ပျူတာ ကိုယ်စားလှယ် ညွှန်ပြချက်
လက်ဆုံး ညွှန်ပြချက်
အစီအစဥ်
လက်ဆုံး ညွှန်ပြချက်
HTML အခြေခံ အရာ (အက္ခရာ အထိုး)
HTML အခြေခံ အရာ (ပုံစံ အထိုး)
HTML ဘာသာ ကူးကြောင်း
HTML အမြန်မာ အချက်
HTML အခင်း
HTML အမြန်မာ အမည်
HTML လက်ရီ
HTML ဗွီ/အသံ
HTML အစည်းအဝေး အကျဉ်းချုပ်
HTML အခြေခံ အုပ်
HTML အော်ဂန် URL အော်ဂန်
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>
</a></li> <li><a href="/my/tags/tag_noscript.html" title="ဟန်တီလိုက် <noscript> ချက်"><noscript></a></li> <li><a href="/my/tags/tag_object.html" title="ဟန်တီလိုက် <object> ချက်"><object></a></li> <li><a href="/my/tags/tag_ol.html" title="ဟန်တီလိုက် <ol> ချက်"><ol></a></li> <li><a href="/my/tags/tag_optgroup.html" title="ဟန်တီလိုက် <optgroup> ချက်"><optgroup></a></li> <li><a href="/my/tags/tag_option.html" title="ဟန်တီလိုက် <option> ချက်"><option></a></li> <li><a href="/my/tags/tag_output.html" title="ဟန်တီလိုက် <output> ချက်"><output></a></li> <li><a href="/my/tags/tag_p.html" title="ဟန်တီလိုက် <p> ချက်"><p></a></li> <li><a href="/my/tags/tag_param.html" title="ဟန်တီလိုက် <param> ချက်"><param></a></li> <li><a href="/my/tags/tag_picture.html" title="ဟန်တီလိုက် <picture> ချက်"><picture></a></li> <li><a href="/my/tags/tag_pre.html" title="ဟန်တီလိုက် <pre> ချက်"><pre></a></li> <li><a href="/my/tags/tag_progress.html" title="ဟန်တီလိုက် <progress> ချက်"><progress></a></li> <li><a href="/my/tags/tag_q.html" title="ဟန်တီလိုက် <q> ချက်"><q></a></li> <li><a href="/my/tags/tag_rp.html" title="ဟန်တီလိုက် <rp> ချက်"><rp></a></li> <li><a href="/my/tags/tag_rt.html" title="ဟန်တီလိုက် <rt> ချက်"><rt></a></li> <li><a href="/my/tags/tag_ruby.html" title="ဟန်တီလိုက် <ruby> ချက်"><ruby></a></li> <li><a href="/my/tags/tag_s.html" title="ဟန်တီလိုက် <s> ချက်"><s></a></li> <li><a href="/my/tags/tag_samp.html" title="ဟန်တီလိုက် <samp> ချက်"><samp></a></li> <li><a href="/my/tags/tag_script.html" title="ဟန်တီလိုက် <script> ချက်"><script></a></li> <li><a href="/my/tags/tag_search.html" title="ဟန်တီလိုက် <search> ချက်"><search></a></li> <li><a href="/my/tags/tag_section.html" title="ဟန်တီလိုက် <section> ချက်"><section></a></li> <li><a href="/my/tags/tag_select.html" title="ဟန်တီလိုက် <select> ချက်"><select></a></li> <li><a href="/my/tags/tag_small.html" title="ဟန်တီလိုက် <small> ချက်"><small></a></li> <li><a href="/my/tags/tag_source.html" title="ဟန်တီလိုက် <source> ချက်"><source></a></li> <li><a href="/my/tags/tag_span.html" title="ဟန်တီလိုက် <span> ချက်"><span></a></li> <li><a href="/my/tags/tag_strike.html" title="ဟန်တီလိုက် <strike> ချက်"><strike></a></li> <li><a href="/my/tags/tag_strong.html" title="ဟန်တီလိုက် <strong> ချက်"><strong></a></li> <li><a href="/my/tags/tag_style.html" title="ဟန်တီလိုက် <style> ချက်"><style></a></li> <li><a href="/my/tags/tag_sub.html" title="HTML <sub> ခွဲခြားသုံးပါ"><sub></a></li> <li><a href="/my/tags/tag_summary.html" title="HTML <summary> ခွဲခ�ားသုံးပါ"><summary></a></li> <li><a href="/my/tags/tag_sup.html" title="HTML <sup> ခွဲခ�ားသုံးပါ"><sup></a></li> <li><a href="/my/tags/tag_svg.html" title="HTML <svg> ခွဲခ�ားသုံးပါ"><svg></a></li> <li><a href="/my/tags/tag_table.html" title="HTML <table> ခွဲခ�ားသုံးပါ"><table></a></li> <li><a href="/my/tags/tag_tbody.html" title="HTML <tbody> ခွဲခ�ားသုံးပါ"><tbody></a></li> <li><a href="/my/tags/tag_td.html" title="HTML <td> ခွဲခ�ားသုံးပါ"><td></a></li> <li><a href="/my/tags/tag_template.html" title="HTML <template> ခွဲခ�ားသုံးပါ"><template></a></li> <li><a href="/my/tags/tag_textarea.html" title="HTML <textarea> ခွဲခ�ားသုံးပါ"><textarea></a></li> <li><a href="/my/tags/tag_tfoot.html" title="HTML <tfoot> ခွဲခ�ားသုံးပါ"><tfoot></a></li> <li><a href="/my/tags/tag_th.html" title="HTML <th> ခွဲခ�ားသုံးပါ"><th></a></li> <li><a href="/my/tags/tag_thead.html" title="HTML <thead> ခွဲခ�ားသုံးပါ"><thead></a></li> <li><a href="/my/tags/tag_time.html" title="HTML <time> ခွဲခ�ားသုံးပါ"><time></a></li> <li><a href="/my/tags/tag_title.html" title="HTML <title> ခွဲခ�ားသုံးပါ"><title></a></li> <li><a href="/my/tags/tag_tr.html" title="HTML <tr> ခွဲခ�ားသုံးပါ"><tr></a></li> <li><a href="/my/tags/tag_track.html" title="HTML <track> ခွဲခ�ားသုံးပါ"><track></a></li> <li><a href="/my/tags/tag_tt.html" title="HTML <tt> ခွဲခ�ားသုံးပါ"><tt></a></li> <li><a href="/my/tags/tag_u.html" title="HTML <u> ခွဲခ�ားသုံးပါ"><u></a></li> <li><a href="/my/tags/tag_ul.html" title="HTML <ul> ခွဲခ�ားသုံးပါ"><ul></a></li> <li><a href="/my/tags/tag_var.html" title="HTML <var> ခွဲခ�ားသုံးပါ"><var></a></li> <li><a href="/my/tags/tag_video.html" title="HTML <video> ခွဲခ�ားသုံးပါ"><video></a></li> <li><a href="/my/tags/tag_wbr.html" title="HTML <wbr> ခွဲခ�ားသုံးပါ"><wbr></a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/my/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 setTransform() 方法</h1> <div class="backtoreference"> <p><a href="/my/tags/html_ref_canvas.html">HTML5 Canvas ဂရမ်ရှင်</a></p> </div> <div> <h2>定义和用法</h2> <p>画布上的每个对象都拥有一个当前的变换矩阵。</p> <p><code>setTransform()</code> 方法把当前的变换矩阵重置为单位矩阵，然后以相同的参数运行 <a href="/my/tags/canvas_transform.html" title="HTML5 canvas transform() စက်တန်း">transform()</a>。</p> <p>换句话说，setTransform() 允许您缩放、旋转、移动并倾斜当前的环境。</p> <p class="note"><span>ဖော်ပြချက်：</span>该变换只会影响 setTransform() 方法调用之后的绘图。</p> </div> <div> <h2>အမှုလုပ်</h2> <p>ပုံပေါ်တွင် ဟိန်းယိုး တစ်ပုံကို ဖော်ပြပါ၏။ setTransform() မှာ အသုံးပြု၍ ပြန်လည်တိုက်ခိုက်ပြီး ပြန်လည်ချွတ်လွှတ်ပြီး ဟိန်းယိုး တစ်ပုံကို ဖော်ပြပါ၏။ ဤအခါ setTransform() ကို အသုံးပြုပါက အဆိုပါ အပြည့်အများဆုံး ဟိန်းယိုး မှာ အများဆုံး အပြည့် ဟိန်းယိုး အောက်တွင် ဖော်ပြလိမ့်မည်။ ဤအခါ setTransform() ကို အသုံးပြုပါက ပြန်လည်တိုက်ခိုက်ပြီး အဆိုပါ အပြည့်အများဆုံး ဟိန်းယိုး မှာ အများဆုံး အပြည့် ဟိန်းယိုး အောက်တွင် ဖော်ပြလိမ့်မည်။ ဤအခါ setTransform() ကို အသုံးပြုပါက ပြန်လည်တိုက်ခိုက်ပြီး အဆိုပါ အပြည့်အများဆုံး ဟိန်းယိုး မှာ အများဆုံး အပြည့် ဟိန်းယိုး အောက်တွင် ဖော်ပြလိမ့်မည်။</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 c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillStyle="yellow"; ctx.fillRect(0,0,250,100) ctx.setTransform(1,0.5,-0.5,1,30,10); ctx.fillStyle="red"; ctx.fillRect(0,0,250,100); ctx.setTransform(1,0.5,-0.5,1,30,10); ctx.fillStyle="blue"; ctx.fillRect(0,0,250,100); } </script> <p>JavaScript:</p> <pre class="language-js"> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillStyle="yellow"; ctx.fillRect(0,0,250,100) <mark>ctx.setTransform(1,0.5,-0.5,1,30,10);</mark> ctx.fillStyle="red"; ctx.fillRect(0,0,250,100); <mark>ctx.setTransform(1,0.5,-0.5,1,30,10);</mark> ctx.fillStyle="blue"; ctx.fillRect(0,0,250,100); </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=eg_html5_canvas_setTransform">ကိုယ်တိုင် ကျယ်ပြန်ခြင်း</a></p> </div> <div> <h2>လိုက်နာခြင်း</h2> <pre>context.setTransform(<i>a</i>,<i>b</i>,<i>c</i>,<i>d</i>,<i>e</i>,<i>f</i>);</pre> <h3>အရာများ</h3> <table class="dataintable"> <tr> <th style="width:25%;">အရာ</th> <th>ဖော်ပြ</th> </tr> <tr> <td><i>a</i></td> <td>အရှည်အတန်း လှုပ်ရှားရေး</td> </tr> <tr> <td><i>b</i></td> <td>အရှည်အတန်း အရှေ့မှ လှုပ်ရှားရေး</td> </tr> <tr> <td><i>c</i></td> <td>အရှည်အတန်း အရှေ့မှ ဆင်းသက်ခြင်း</td> </tr> <tr> <td><i>d</i></td> <td>အရှည်အတန်း အစိတ်အစိတ်ရေး</td> </tr> <tr> <td><i>e</i></td> <td>အရှည်အတန်း လှုပ်ရှားရေး</td> </tr> <tr> <td><i>f</i></td> <td>အရှည်အတန်း လှုပ်ရှားရေး</td> </tr> </table> </div> <div> <h2>ဘူတာသုံး</h2> <p>အချက်အလက်များ တွင် ထို အခြေအနေကို ပထမဆုံး အထောက်ပံ့သော ဘူတာသုံးပါ</p> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</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>Internet Explorer 8 နှင့် ပိုမိုသေးသည့် အစိတ်အပျက်များ <canvas> အခြေအနေကို ထောက်ပံ့ခဲ့သည်။</p> </div> <div class="backtoreference"> <p><a href="/my/tags/html_ref_canvas.html">HTML5 Canvas ဂရမ်ရှင်</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="/my/tags/index.html">HTML ဂရမ်ရှင်</a></h5> <h5 id="tools_example"><a href="/my/html/html_examples.html">HTML အမှတ်အသား</a></h5> <h5 id="tools_quiz"><a href="/my/html/html_quiz.html">HTML စစ်ဆေး</a></h5> <h5 id="tools_tutorial"><a href="/my/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="/my/about/index.html" title="နှင့်ပတ်သတ်သည် CodeW3C.com">နှင့်ပတ်သတ်သည် CodeW3C.com</a> <a href="/my/about/about_helping.html" title="CodeW3C.com ကူညီပုဂ္ဂိုလ်">CodeW3C.com ကူညီပုဂ္ဂိုလ်</a> <a href="/my/about/about_use.html" title="အသုံးပြုခြင်းနှင့်ပတ်သတ်">အသုံးပြုချက်</a> <a href="/my/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>