CodeW3C အွန်လိုင်း ကျမ်း
HTML ကျမ်း စာရင်း
ဘာသာစကား ဗဟိုသား
ပြီးခဲ့သော ဗဟိုသား
ပရိုဂရမ် ကျမ်း
XML ကျမ်း စာရင်း
ဝန်ဆောင် ကျမ်း
ကိုယ်စား ကျမ်း
ပြင်ဆင်ချက်
JS ကိုးကွယ်မှုများ
JS ကိုးကွယ်မှုများ (အမျိုးအစား)
JS ကိုးကွယ်မှုများ (အက္ခုအပြောင်း)
JavaScript
JS Array
JS Boolean
JS Class
JS Date
JS အမှား
JS ကွန်ပျူတာ
JS JSON
JS Map
JS Math
JS အစီအစဉ်
JS Promise
JS RegExp
JS Set
JS စကား
JS အရာ
JS အထောက်အကူ
JS အထောက်အကူ အဆင့်
JS ဖော်ပြ
JS အကွက်အချက်အရာပြုအုပ်ချုပ်
Window
Window အားကစာ
Window ကွန်ပျူတာအုပ်ချုပ်
Window History
Window Location
Window Navigator
Window Screen
HTML DOM
HTML အဘာသာ
HTML အအုပ်
HTML အကျုပ်
HTML အခင်းအနေ
HTML အခင်းအနေ အိုက်အိုဂျက်
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML အေအိုင်
Web API
API လက်ရွေးကြွန်း
API ကွန်ပျူတာအုပ်ချုပ်
API Fetch
API ပြန်လည်တက်တက်
API ဂျိုးလိုပ်တိုက်
API History
API MediaQueryList
API ကိုင်တွယ်
API စစ်ဆေး
API ဝီကီ
HTML အဖွဲ့
<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<ins>
<input> button
<input> checkbox
<input> color
<input> date
<input> datetime
<input> datetime-local
<input> email
<input> file
<input> hidden
<input> image
<input> month
<input> number
<input> password
<input> radio
<input> range
<input> reset
<input> search
<input> submit
<input> text
<input> time
<input> url
<input> week
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<menuitem>
<meta>
<meter>
<nav>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<s>
<samp>
<script>
</a></li> <li><a href="/my/jsref/dom_obj_time.html" title="HTML DOM Time အကို"><time></a></li> <li><a href="/my/jsref/dom_obj_title.html" title="HTML DOM Title အကို"><title></a></li> <li><a href="/my/jsref/dom_obj_track.html" title="HTML DOM Track အကို"><track></a></li> <li><a href="/my/jsref/dom_obj_u.html" title="HTML DOM Underline အကို"><u></a></li> <li><a href="/my/jsref/dom_obj_ul.html" title="HTML DOM Ul အကို"><ul></a></li> <li><a href="/my/jsref/dom_obj_var.html" title="HTML DOM Variable အကို"><var></a></li> <li><a href="/my/jsref/dom_obj_video.html" title="HTML DOM Video အကို"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/my/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration အကို">CSSStyleDeclaration</a></li> <li><a href="/my/jsref/jsref_type_conversion.html" title="JavaScript အမှုပြုခြင်း">JS 类型转换</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>Canvas setTransform() 方法</h1> <div class="btn-toref"> <p><a href="/my/jsref/api_canvas.html">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() ကို ခေါ်ဆိုလျှင် ပြီးခဲ့သော ပြုပြင်မှု ပုံစံ ကို ဖျက်သိမ်းပြီး အခြား ပုံစံ ကို ပြုပြင်လုပ်ပြီး အောက်ပါ အကျိုးသား အချက်အလက်များ မှာ အပြင်းအထန် မပြပါ၊ အခါအားကို အိပ်လီ ပန်းချီ ပုံတစ်ခု အောက်မှာ အခြား ပန်းချီ ပုံတစ်ခု ဖြစ်သည်။</p> <canvas id="myCanvas" class="canvas_example"> ကျွန်တော်၏ ဘရောက်သုတ် က အိပ်လ်5 ပန်းချီ ဂရမ်ဂရေ ကို လုပ်ခြင်း မပေးဘဲ </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="btn-toref"> <p><a href="/my/jsref/api_canvas.html">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/jsref/index.html">JavaScript နှင့် HTML DOM ကိုယ်စား ကျမ်း</a></h5> <h5 id="tools_example"><a href="/my/js/js_examples.html">JavaScript အမှုထမ်း</a></h5> <h5 id="tools_quiz"><a href="/my/js/js_quiz.html">JavaScript စမ်းသပ်</a></h5> <h5 id="tools_tutorial"><a href="/my/js/index.html">JavaScript ပညာရှင်</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>