CodeW3C Online Tuwararun
HTML Sariyar Tuwararun
ˈbrɔːzər ˈskrɪpt
ˈsɛrvəsə ˈskrɪpt
Programming Tuwararun
XML Sariyar Tuwararun
Manual da Waje
Manual da Koyarwa
ˈkɔːrs ˈtæbəl
Manual da Koyarwa
HTML ˈɛlɪmɛntz ˈlɪtərəl ˈsɔːrtɪd
HTML ˈɛlɪmɛntz ˈfʌŋkʃən ˈsɔːrtɪd
HTML ˈbrɔːzər ˈsɑːpɔːrt
Global Attribute HTML
HTML ˈɪvɛnt
Names da Raggi HTML
HTML ˈkævəs
HTML ˈvɪdɪo ˈɔːɪdɪo
Charset HTML
HTML ˈdɑːkjuːmɛnt ˈtaɪp
URL Encoding HTML
HTML ˈlæŋɡwɪdʒ ˈkɑʊd
HTML ˈnæʃən ˈkɑʊd
HTTP ˈmɛsɪdʒ
HTTP ˈmɛθəd
Keyboard Shortcuts
HTML ˈtɑɪbəl
<!-->
<!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>
-
</a></li> <li><a href="/ha/tags/tag_img.html" title="HTML <img> ƙɗanɗi"><img></a></li> <li><a href="/ha/tags/tag_input.html" title="HTML <input> ƙɗanɗi"><input></a></li> <li><a href="/ha/tags/tag_ins.html" title="HTML <ins> ƙɗanɗi"><ins></a></li> <li><a href="/ha/tags/tag_kbd.html" title="HTML <kbd> ƙɗanɗi"><kbd></a></li> <li><a href="/ha/tags/tag_label.html" title="HTML <label> ƙɗanɗi"><label></a></li> <li><a href="/ha/tags/tag_legend.html" title="HTML <legend> ƙɗanɗi"><legend></a></li> <li><a href="/ha/tags/tag_li.html" title="HTML <li> ƙɗanɗi"><li></a></li> <li><a href="/ha/tags/tag_link.html" title="HTML <link> ƙɗanɗi"><link></a></li> <li><a href="/ha/tags/tag_main.html" title="HTML <main> ƙɗanɗi"><main></a></li> <li><a href="/ha/tags/tag_map.html" title="HTML <map> ƙɗanɗi"><map></a></li> <li><a href="/ha/tags/tag_mark.html" title="HTML <mark> ƙɗanɗi"><mark></a></li> <li><a href="/ha/tags/tag_menu.html" title="HTML <menu> ƙɗanɗi"><menu></a></li> <li><a href="/ha/tags/tag_meta.html" title="HTML <meta> ƙɗanɗi"><meta></a></li> <li><a href="/ha/tags/tag_meter.html" title="HTML <meter> ƙɗanɗi"><meter></a></li> <li><a href="/ha/tags/tag_nav.html" title="HTML <nav> ƙɗanɗi"><nav></a></li> <li><a href="/ha/tags/tag_noframes.html" title="HTML <noframes> ƙɗanɗi"><noframes></a></li> <li><a href="/ha/tags/tag_noscript.html" title="HTML <noscript> ƙɗanɗi"><noscript></a></li> <li><a href="/ha/tags/tag_object.html" title="HTML <object> ƙɗanɗi"><object></a></li> <li><a href="/ha/tags/tag_ol.html" title="HTML <ol> ƙɗanɗi"><ol></a></li> <li><a href="/ha/tags/tag_optgroup.html" title="HTML <optgroup> ƙɗanɗi"><optgroup></a></li> <li><a href="/ha/tags/tag_option.html" title="HTML <option> ƙɗanɗi"><option></a></li> <li><a href="/ha/tags/tag_output.html" title="HTML <output> ƙɗanɗi"><output></a></li> <li><a href="/ha/tags/tag_p.html" title="HTML <p> ƙɗanɗi"><p></a></li> <li><a href="/ha/tags/tag_param.html" title="HTML <param> ƙɗanɗi"><param></a></li> <li><a href="/ha/tags/tag_picture.html" title="HTML <picture> ƙɗanɗi"><picture></a></li> <li><a href="/ha/tags/tag_pre.html" title="HTML <pre> ƙɗanɗi"><pre></a></li> <li><a href="/ha/tags/tag_progress.html" title="HTML <progress> ƙɗanɗi"><progress></a></li> <li><a href="/ha/tags/tag_q.html" title="HTML <q> ƙɗanɗi"><q></a></li> <li><a href="/ha/tags/tag_rp.html" title="HTML <rp> ƙɗanɗi"><rp></a></li> <li><a href="/ha/tags/tag_rt.html" title="HTML <rt> ƙɗanɗi"><rt></a></li> <li><a href="/ha/tags/tag_ruby.html" title="HTML <ruby> ƙɗanɗi"><ruby></a></li> <li><a href="/ha/tags/tag_s.html" title="HTML <s> ƙɗanɗi"><s></a></li> <li><a href="/ha/tags/tag_samp.html" title="HTML <samp> ƙɗanɗi"><samp></a></li> <li><a href="/ha/tags/tag_script.html" title="HTML <script> ƙɗanɗi"><script></a></li> <li><a href="/ha/tags/tag_search.html" title="HTML <search> ƙɗanɗi"><search></a></li> <li><a href="/ha/tags/tag_section.html" title="HTML <section> ƙɗanɗi"><section></a></li> <li><a href="/ha/tags/tag_select.html" title="HTML <select> ƙɗanɗi"><select></a></li> <li><a href="/ha/tags/tag_small.html" title="HTML <small> ƙɗanɗi"><small></a></li> <li><a href="/ha/tags/tag_source.html" title="HTML <source> ƙɗanɗi"><source></a></li> <li><a href="/ha/tags/tag_span.html" title="HTML <span> ƙɗanɗi"><span></a></li> <li><a href="/ha/tags/tag_strike.html" title="HTML <strike> ƙɗanɗi"><strike></a></li> <li><a href="/ha/tags/tag_strong.html" title="HTML <strong> ƙɗanɗi"><strong></a></li> <li><a href="/ha/tags/tag_style.html" title="HTML <style> ƙɗanɗi"><style></a></li> <li><a href="/ha/tags/tag_sub.html" title="HTML <sub> ƙaddar"><sub></a></li> <li><a href="/ha/tags/tag_summary.html" title="HTML <summary> ƙaddar"><summary></a></li> <li><a href="/ha/tags/tag_sup.html" title="HTML <sup> ƙaddar"><sup></a></li> <li><a href="/ha/tags/tag_svg.html" title="HTML <svg> ƙaddar"><svg></a></li> <li><a href="/ha/tags/tag_table.html" title="HTML <table> ƙaddar"><table></a></li> <li><a href="/ha/tags/tag_tbody.html" title="HTML <tbody> ƙaddar"><tbody></a></li> <li><a href="/ha/tags/tag_td.html" title="HTML <td> ƙaddar"><td></a></li> <li><a href="/ha/tags/tag_template.html" title="HTML <template> ƙaddar"><template></a></li> <li><a href="/ha/tags/tag_textarea.html" title="HTML <textarea> ƙaddar"><textarea></a></li> <li><a href="/ha/tags/tag_tfoot.html" title="HTML <tfoot> ƙaddar"><tfoot></a></li> <li><a href="/ha/tags/tag_th.html" title="HTML <th> ƙaddar"><th></a></li> <li><a href="/ha/tags/tag_thead.html" title="HTML <thead> ƙaddar"><thead></a></li> <li><a href="/ha/tags/tag_time.html" title="HTML <time> ƙaddar"><time></a></li> <li><a href="/ha/tags/tag_title.html" title="HTML <title> ƙaddar"><title></a></li> <li><a href="/ha/tags/tag_tr.html" title="HTML <tr> ƙaddar"><tr></a></li> <li><a href="/ha/tags/tag_track.html" title="HTML <track> ƙaddar"><track></a></li> <li><a href="/ha/tags/tag_tt.html" title="HTML <tt> ƙaddar"><tt></a></li> <li><a href="/ha/tags/tag_u.html" title="HTML <u> ƙaddar"><u></a></li> <li><a href="/ha/tags/tag_ul.html" title="HTML <ul> ƙaddar"><ul></a></li> <li><a href="/ha/tags/tag_var.html" title="HTML <var> ƙaddar"><var></a></li> <li><a href="/ha/tags/tag_video.html" title="HTML <video> ƙaddar"><video></a></li> <li><a href="/ha/tags/tag_wbr.html" title="HTML <wbr> ƙaddar"><wbr></a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/ha/howto/index.html" title="CodeW3C.com ƙaddar dabbobin">CodeW3C.com ƙaddar dabbobin</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 fillRect() 方法</h1> <div class="backtoreference"> <p><a href="/ha/tags/html_ref_canvas.html">Kwamfuta HTML5 Canvas</a></p> </div> <div> <h2>定义和用法</h2> <p><code>fillRect()</code> 方法绘制“已填色”的矩形。默认的填充颜色是黑色。</p> <p class="tip"><span>提示：</span>请使用 <a href="/ha/tags/canvas_fillstyle.html" title="HTML5 canvas ƙaratin fillStyle">fillStyle</a> 属性来设置用于填充绘图的颜色、渐变或模式。</p> </div> <div> <h2>实例</h2> <p>绘制 150*100 像素的已填充矩形：</p> <canvas id="myCanvas" class="canvas_example"> Your browser does not support the HTML5 canvas tag. </canvas> <script> 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.fillRect(20,20,150,100); } </script> <p>JavaScript:</p> <pre class="language-js"> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); <mark>ctx.fillRect(20,20,150,100);</mark> </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=eg_html5_canvas_fillrect">Duba ayyukan shi</a></p> </div> <div> <h2>Syntax</h2> <pre>context.fillRect(<i>x</i>,<i>y</i>,<i>width</i>,<i>height</i>);</pre> <h3>Parameter ƙararin</h3> <table class="dataintable"> <tr> <th style="width:25%;">Parameter</th> <th>Kwamfuta</th> </tr> <tr> <td><i>x</i></td> <td>Yakin fariyyar ƙaddar na yakin fariyyar.</td> </tr> <tr> <td><i>y</i></td> <td>Yakin yammacin fariyyar ƙaddar na yakin yammacin fariyyar.</td> </tr> <tr> <td><i>width</i></td> <td>Kiyiyya da fariyya na ƙaddar, da pixel.</td> </tr> <tr> <td><i>height</i></td> <td>Kiyiyya da fariyya na ƙaddar, da pixel.</td> </tr> </table> </div> <div> <h2>Dukansu kwararruwa</h2> <p>Dabbobin na tabbin da za ayyukan aiki ne kamar yadda ayyukan za ayyukan.</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>Kwamfuta:</span>Internet Explorer 8 da ƙarƙashin suna ba ƙarƙashin <canvas> ƙaddar.</p> </div> <div class="backtoreference"> <p><a href="/ha/tags/html_ref_canvas.html">Kwamfuta HTML5 Canvas</a></p> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> ƙaddar dabbobin </center><h3> <h5 id="tools_reference"><a href="/ha/tags/index.html">Kwamfuta HTML</a></h5> <h5 id="tools_example"><a href="/ha/html/html_examples.html">Duba HTML</a></h5> <h5 id="tools_quiz"><a href="/ha/html/html_quiz.html">Dawar HTML</a></h5> <h5 id="tools_tutorial"><a href="/ha/html/index.html">Ɗirin HTML</a></h5> </div> <div><h3><center> ƙaddar kwararruwa </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com ƙa'idar ƙa'idar dabbobin, kuma ba ƙa'idar da'awar dukkanin yadda ayyukan za ayyuka aiki ba. Risala da za ayyukan aiki ba ta ƙa'idar ba. Mai hakika, ayyukan aiki za ayyukan da ayyukan za ayyukan. Ɗaya ce hakika, ayyukan za ayyukan. Ɗaya ce hakika, ayyukan za ayyukan. </p> <p id="p2"> <a href="/ha/about/index.html" title="Hanyan CodeW3C.com">Hanyan CodeW3C.com</a> <a href="/ha/about/about_helping.html" title="Barrin CodeW3C.com">Barrin CodeW3C.com</a> <a href="/ha/about/about_use.html" title="Hanyan ayyukan">ƙa'idodin ayyukan</a> <a href="/ha/about/about_privacy.html" title="Hanyan ƙa'idodin">ƙa'idodin ƙa'idodin</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="Iya da Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>