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

×

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 strokeRect() Method

<ผ้าใบวัตถุ

ตัวอย่าง

วาดรูปสี่เหลี่ยมผืนผ้า 150 * 100 พิกเซล

JavaScript:

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

ลองตัวเอง»

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

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

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

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

strokeRect() วิธีการวาดรูปสี่เหลี่ยมผืนผ้า (no fill) สีเริ่มต้นของโรคหลอดเลือดสมองเป็นสีดำ

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

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

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

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

<ผ้าใบวัตถุ