HTML <canvas> width 属性

အစီအစဥ်

ဝေးခန့်ခန့်စာအုပ်

HTML အချက်အလက်

</a></li> <li><a href="/my/tags/tag_img.html" title="ဟန်တီ အစီးအစဉ် <img> အလက်"><img></a></li> <li><a href="/my/tags/tag_input.html" title="ဟန်တီ အစီးအစဉ် <input> အလက်"><input></a></li> <li><a href="/my/tags/tag_ins.html" title="ဟန်တီ အစီးအစဉ် <ins> အလက်"><ins></a></li> <li><a href="/my/tags/tag_kbd.html" title="ဟန်တီ အစီးအစဉ် <kbd> အလက်"><kbd></a></li> <li><a href="/my/tags/tag_label.html" title="ဟန်တီ အစီးအစဉ် <label> အလက်"><label></a></li> <li><a href="/my/tags/tag_legend.html" title="ဟန်တီ အစီးအစဉ် <legend> အလက်"><legend></a></li> <li><a href="/my/tags/tag_li.html" title="ဟန်တီ အစီးအစဉ် <li> အလက်"><li></a></li> <li><a href="/my/tags/tag_link.html" title="ဟန်တီ အစီးအစဉ် <link> အလက်"><link></a></li> <li><a href="/my/tags/tag_main.html" title="ဟန်တီ အစီးအစဉ် <main> အလက်"><main></a></li> <li><a href="/my/tags/tag_map.html" title="ဟန်တီ အစီးအစဉ် <map> အလက်"><map></a></li> <li><a href="/my/tags/tag_mark.html" title="ဟန်တီ အစီးအစဉ် <mark> အလက်"><mark></a></li> <li><a href="/my/tags/tag_menu.html" title="ဟန်တီ အစီးအစဉ် <menu> အလက်"><menu></a></li> <li><a href="/my/tags/tag_meta.html" title="ဟန်တီ အစီးအစဉ် <meta> အလက်"><meta></a></li> <li><a href="/my/tags/tag_meter.html" title="ဟန်တီ အစီးအစဉ် <meter> အလက်"><meter></a></li> <li><a href="/my/tags/tag_nav.html" title="ဟန်တီ အစီးအစဉ် <nav> အလက်"><nav></a></li> <li><a href="/my/tags/tag_noframes.html" title="ဟန်တီ အစီးအစဉ် <noframes> အလက်"><noframes></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> width 属性</h1> <div class="backtoreference"> <p><a href="/my/tags/tag_canvas.html">HTML <canvas> အချက်အလက်</a></p> </div> <div> <h2>定义和用法</h2> <p><code>width</code> 属性规定 <canvas> 元素的宽度，以像素为单位。</p> <h3>提示</h3> <p>请使用 <a href="/my/tags/att_canvas_height.html" title="HTML <canvas> height လက်တင်">height 属性</a> 指定 <canvas> 元素的高度，以像素为单位。</p> <p>每次重设画布的高度或宽度时，画布内容将被清除（请参见页面底部的例子）。</p> <p>请在我们的 <a href="/my/graphics/canvas_intro.html" title="HTML Canvas အော်လား">HTML Canvas အော်လား</a> 中学习有关 <canvas> 元素的更多知识。</p> </div> <div> <h2>实例</h2> <h3>例子 1</h3> <p>高度和宽度均为 200 像素的 <canvas> 元素：</p> <pre class="language-html"> <canvas id="myCanvas" width="400" height="400" style="border:1px solid"> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=tag_canvas_height_width">ကျွန်ုပ်လိုက်ပါ</a></p> <h3>例子 2</h3> <p>通过将 width 属性设置为 400px 来清除画布（使用 JavaScript）：</p> <pre class="language-html"> <canvas id="myCanvas" width="200" height="200" style="border:1px solid"></canvas> <script> var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.fillStyle = "#0192B9"; ctx.fillRect(50, 50, 300, 300); function clearCanvas() { c.width = 400; } </script> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=tag_canvas_height_width_clear">ကျွန်ုပ်လိုက်ပါ</a></p> </div> <div> <h2>လက်တင်</h2> <pre class="language-html"> အက္ခရာ<i>pixels</i><canvas width=" </pre> <h3>"></h3> <table class="dataintable"> <tr> <th style="width: 20%;">လက်တင်</th> <th>ဖော်ပြ</th> </tr> <tr> <td><i>pixels</i></td> <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>2.0</td> <td>3.1</td> <td>9.0</td> </tr> </table> </div> <div class="backtoreference"> <p><a href="/my/tags/tag_canvas.html">HTML <canvas> အချက်အလက်</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="/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>  <script src="/myjs/tongji.js"></script> </body> </html>