HTML canvas shadowOffsetX 属性

အစီအစဥ်

ဝင်ရောက်ချက် စာကြိုး

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 shadowOffsetX 属性</h1> <div class="backtoreference"> <p><a href="/my/tags/html_ref_canvas.html">HTML5 Canvas စာရင်း</a></p> </div> <div> <h2>定义和用法</h2> <p><code>shadowOffsetX</code> 属性设置或返回形状与阴影的水平距离。</p> <ul> <li><code>shadowOffsetX=0</code> 指示阴影位于形状的正下方</li> <li><code>shadowOffsetX=20</code> 指示阴影位于形状 left 位置右侧的 20 像素处</li> <li><code>shadowOffsetX=-20</code> 指示阴影位于形状 left 位置左侧的 20 像素处</li> </ul> <p class="tip"><span>提示：</span>如需调整距离形状的垂直位置，请使用 <a href="/my/tags/canvas_shadowoffsety.html" title="HTML5 canvas shadowOffsetY သုတ်">shadowOffsetY</a> 属性。</p> </div> <div> <h2>实例</h2> <p>绘制一个矩形，带有向右偏移 20 像素的阴影（从矩形的 left 位置）：</p> <canvas id="myCanvas" class="canvas_example"> ကျော်ကြားသည့်ဘက်အား ကူးစက်မပေးဘဲဖြစ်သည်။ </canvas> <script type="text/javascript"> 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.shadowBlur=10; ctx.shadowOffsetX=20; ctx.shadowColor="black"; ctx.fillStyle="blue"; ctx.fillRect(20,20,100,80); } </script> <p>JavaScript:</p> <pre class="language-js"> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.shadowBlur=10; <mark>ctx.shadowOffsetX=20;</mark> ctx.shadowColor="black"; ctx.fillStyle="blue"; ctx.fillRect(20,20,100,80); </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=eg_html5_canvas_shadowoffsetx">ကျွန်ုပ်ကိုယ်ဖြင့် စစ်ဆေးပါ</a></p> </div> <div> <h2>ပြောက်လုပ်</h2> <pre>context.shadowOffsetX=<i>number</i>;</pre> <h3>သုတ် အခြေခံ</h3> <table class="dataintable"> <tr> <th style="width:25%;">အခြေခံ</th> <th>ဖော်ပြ</th> </tr> <tr> <td><i>number</i></td> <td>အခြေခံ အတိုင်း သို့မဟုတ် အခြေခံ အတိုင်း ကို သုတ် နှင့် အဆင်းချိုး ကို ဖော်ပြသည်။</td> </tr> </table> </div> <div> <h2>နည်းပါး</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">အခြေခံ အတိုင်း</th> <td>0</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>  <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>