HTML canvas shadowBlur 属性

အစီအစဥ်ရှင်

အစီရင်ခံ စာအုပ်

HTML အချက်အလက်

























 - 






</a></li>
<li><a href="/my/tags/tag_img.html" title="ဟန်တီလိုင် &lt;img&gt; အမှတ်"><img></a></li>
<li><a href="/my/tags/tag_input.html" title="ဟန်တီလိုင် &lt;input&gt; အမှတ်"><input></a></li>
<li><a href="/my/tags/tag_ins.html" title="ဟန်တီလိုင် &lt;ins&gt; အမှတ်"><ins></a></li>
<li><a href="/my/tags/tag_kbd.html" title="ဟန်တီလိုင် &lt;kbd&gt; အမှတ်"><kbd></a></li>
<li><a href="/my/tags/tag_label.html" title="ဟန်တီလိုင် &lt;label&gt; အမှတ်"><label></a></li>
<li><a href="/my/tags/tag_legend.html" title="ဟန်တီလိုင် &lt;legend&gt; အမှတ်"><legend></a></li>
<li><a href="/my/tags/tag_li.html" title="ဟန်တီလိုင် &lt;li&gt; အမှတ်"><li></a></li>
<li><a href="/my/tags/tag_link.html" title="ဟန်တီလိုင် &lt;link&gt; အမှတ်"><link></a></li>
<li><a href="/my/tags/tag_main.html" title="ဟန်တီလိုင် &lt;main&gt; အမှတ်"><main></a></li>
<li><a href="/my/tags/tag_map.html" title="ဟန်တီလိုင် &lt;map&gt; အမှတ်"><map></a></li>
<li><a href="/my/tags/tag_mark.html" title="ဟန်တီလိုင် &lt;mark&gt; အမှတ်"><mark></a></li>
<li><a href="/my/tags/tag_menu.html" title="ဟန်တီလိုင် &lt;menu&gt; အမှတ်"><menu></a></li>
<li><a href="/my/tags/tag_meta.html" title="ဟန်တီလိုင် &lt;meta&gt; အမှတ်"><meta></a></li>
<li><a href="/my/tags/tag_meter.html" title="ဟန်တီလိုင် &lt;meter&gt; အမှတ်"><meter></a></li>
<li><a href="/my/tags/tag_nav.html" title="ဟန်တီလိုင် &lt;nav&gt; အမှတ်"><nav></a></li>
<li><a href="/my/tags/tag_noframes.html" title="ဟန်တီလိုင် &lt;noframes&gt; အမှတ်"><noframes></a></li>
<li><a href="/my/tags/tag_noscript.html" title="ဟန်တီလိုင် &lt;noscript&gt; အမှတ်"><noscript></a></li>
<li><a href="/my/tags/tag_object.html" title="ဟန်တီလိုင် &lt;object&gt; အမှတ်"><object></a></li>
<li><a href="/my/tags/tag_ol.html" title="ဟန်တီလိုင် &lt;ol&gt; အမှတ်"><ol></a></li>
<li><a href="/my/tags/tag_optgroup.html" title="ဟန်တီလိုင် &lt;optgroup&gt; အမှတ်"><optgroup></a></li>
<li><a href="/my/tags/tag_option.html" title="ဟန်တီလိုင် &lt;option&gt; အမှတ်"><option></a></li>
<li><a href="/my/tags/tag_output.html" title="ဟန်တီလိုင် &lt;output&gt; အမှတ်"><output></a></li>
<li><a href="/my/tags/tag_p.html" title="ဟန်တီလိုင် &lt;p&gt; အမှတ်"><p></a></li>
<li><a href="/my/tags/tag_param.html" title="ဟန်တီလိုင် &lt;param&gt; အမှတ်"><param></a></li>
<li><a href="/my/tags/tag_picture.html" title="ဟန်တီလိုင် &lt;picture&gt; အမှတ်"><picture></a></li>
<li><a href="/my/tags/tag_pre.html" title="ဟန်တီလိုင် &lt;pre&gt; အမှတ်"><pre></a></li>
<li><a href="/my/tags/tag_progress.html" title="ဟန်တီလိုင် &lt;progress&gt; အမှတ်"><progress></a></li>
<li><a href="/my/tags/tag_q.html" title="ဟန်တီလိုင် &lt;q&gt; အမှတ်"><q></a></li>
<li><a href="/my/tags/tag_rp.html" title="ဟန်တီလိုင် &lt;rp&gt; အမှတ်"><rp></a></li>
<li><a href="/my/tags/tag_rt.html" title="ဟန်တီလိုင် &lt;rt&gt; အမှတ်"><rt></a></li>
<li><a href="/my/tags/tag_ruby.html" title="ဟန်တီလိုင် &lt;ruby&gt; အမှတ်"><ruby></a></li>
<li><a href="/my/tags/tag_s.html" title="ဟန်တီလိုင် &lt;s&gt; အမှတ်"><s></a></li>
<li><a href="/my/tags/tag_samp.html" title="ဟန်တီလိုင် &lt;samp&gt; အမှတ်"><samp></a></li>
<li><a href="/my/tags/tag_script.html" title="ဟန်တီလိုင် &lt;script&gt; အမှတ်"><script></a></li>
<li><a href="/my/tags/tag_search.html" title="ဟန်တီလိုင် &lt;search&gt; အမှတ်"><search></a></li>
<li><a href="/my/tags/tag_section.html" title="ဟန်တီလိုင် &lt;section&gt; အမှတ်"><section></a></li>
<li><a href="/my/tags/tag_select.html" title="ဟန်တီလိုင် &lt;select&gt; အမှတ်"><select></a></li>
<li><a href="/my/tags/tag_small.html" title="ဟန်တီလိုင် &lt;small&gt; အမှတ်"><small></a></li>
<li><a href="/my/tags/tag_source.html" title="ဟန်တီလိုင် &lt;source&gt; အမှတ်"><source></a></li>
<li><a href="/my/tags/tag_span.html" title="ဟန်တီလိုင် &lt;span&gt; အမှတ်"><span></a></li>
<li><a href="/my/tags/tag_strike.html" title="ဟန်တီလိုင် &lt;strike&gt; အမှတ်"><strike></a></li>
<li><a href="/my/tags/tag_strong.html" title="ဟန်တီလိုင် &lt;strong&gt; အမှတ်"><strong></a></li>
<li><a href="/my/tags/tag_style.html" title="ဟန်တီလိုင် &lt;style&gt; အမှတ်"><style></a></li>
<li><a href="/my/tags/tag_sub.html" title="HTML &lt;sub&gt; အချက်"><sub></a></li>
<li><a href="/my/tags/tag_summary.html" title="HTML &lt;summary&gt; အချက်"><summary></a></li>
<li><a href="/my/tags/tag_sup.html" title="HTML &lt;sup&gt; အချက်"><sup></a></li>
<li><a href="/my/tags/tag_svg.html" title="HTML &lt;svg&gt; အချက်"><svg></a></li>
<li><a href="/my/tags/tag_table.html" title="HTML &lt;table&gt; အချက်"><table></a></li>
<li><a href="/my/tags/tag_tbody.html" title="HTML &lt;tbody&gt; အချက်"><tbody></a></li>
<li><a href="/my/tags/tag_td.html" title="HTML &lt;td&gt; အချက်"><td></a></li>
<li><a href="/my/tags/tag_template.html" title="HTML &lt;template&gt; အချက်"><template></a></li>
<li><a href="/my/tags/tag_textarea.html" title="HTML &lt;textarea&gt; အချက်"><textarea></a></li>
<li><a href="/my/tags/tag_tfoot.html" title="HTML &lt;tfoot&gt; အချက်"><tfoot></a></li>
<li><a href="/my/tags/tag_th.html" title="HTML &lt;th&gt; အချက်"><th></a></li>
<li><a href="/my/tags/tag_thead.html" title="HTML &lt;thead&gt; အချက်"><thead></a></li>
<li><a href="/my/tags/tag_time.html" title="HTML &lt;time&gt; အချက်"><time></a></li>
<li><a href="/my/tags/tag_title.html" title="HTML &lt;title&gt; အချက်"><title></a></li>
<li><a href="/my/tags/tag_tr.html" title="HTML &lt;tr&gt; အချက်"><tr></a></li>
<li><a href="/my/tags/tag_track.html" title="HTML &lt;track&gt; အချက်"><track></a></li>
<li><a href="/my/tags/tag_tt.html" title="HTML &lt;tt&gt; အချက်"><tt></a></li>
<li><a href="/my/tags/tag_u.html" title="HTML &lt;u&gt; အချက်"><u></a></li>
<li><a href="/my/tags/tag_ul.html" title="HTML &lt;ul&gt; အချက်"><ul></a></li>
<li><a href="/my/tags/tag_var.html" title="HTML &lt;var&gt; အချက်"><var></a></li>
<li><a href="/my/tags/tag_video.html" title="HTML &lt;video&gt; အချက်"><video></a></li>
<li><a href="/my/tags/tag_wbr.html" title="HTML &lt;wbr&gt; အချက်"><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 shadowBlur 属性</h1>
<div class="backtoreference">
<p><a href="/my/tags/html_ref_canvas.html">HTML5 Canvas ပြည့်ပြည့်ပြန်ချက်</a></p>
</div>
<div>
<h2>定义和用法</h2>
<p><code>shadowBlur</code> 属性设置或返回阴影的模糊级数。</p>
</div>
<div>
<h2>实例</h2>
<p>绘制一个带有黑色阴影的蓝色矩形，模糊级数是 20：</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=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(&quot;myCanvas&quot;);
var ctx=c.getContext(&quot;2d&quot;);
<mark>ctx.shadowBlur=20;</mark>
ctx.shadowColor=&quot;black&quot;;
ctx.fillStyle=&quot;blue&quot;;
ctx.fillRect(20,20,100,80);
</pre>
<p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=eg_html5_canvas_shadowblur">ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားပါ</a></p>
</div>
<div>
<h2>ပြောင်းလဲခြင်း</h2>
<pre>context.shadowBlur=<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>#000000</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 နှင့် ပိုမိုကြီးသော ပုံစံများ အား &lt;canvas&gt; အချက်အလက် မမြောက်မြတ်။</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>