ล่าสุดการพัฒนาเว็บบทเรียน

×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

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> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration

HTML canvas fillRect() Method

<ผ้าใบวัตถุ

ตัวอย่าง

วาดเต็ม 150 * 100 พิกเซลสี่เหลี่ยม:

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);

ลองตัวเอง»

สนับสนุนเบราว์เซอร์

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่วิธีการ

วิธี
fillRect()	4.0	9.0	3.6	4.0	10.1

ความหมายและการใช้งาน

fillRect() วิธีการดึง "filled" สี่เหลี่ยมผืนผ้า สีเริ่มต้นของการเติมเป็นสีดำ

Tip: ใช้ สไตล์การเติมสี คุณสมบัติการตั้งค่าสีไล่ระดับสีหรือรูปแบบที่ใช้ในการกรอกการวาดภาพ

ไวยากรณ์ JavaScript:	context fillRect( x,y,width,height ) ;

ค่าพารามิเตอร์

พารามิเตอร์	ลักษณะ	เล่น
x	พิกัด x ของมุมบนซ้ายของรูปสี่เหลี่ยมผืนผ้า	เล่น "
y	พิกัด y ของมุมบนซ้ายของรูปสี่เหลี่ยมผืนผ้า	เล่น "
width	ความกว้างของสี่เหลี่ยมผืนผ้าพิกเซล	เล่น "
height	ความสูงของรูปสี่เหลี่ยมผืนผ้าพิกเซล	เล่น "

<ผ้าใบวัตถุ