HTML <ผ้าใบ> แท็ก
ตัวอย่าง
โดย <ผ้าใบ> องค์ประกอบที่จะแสดงรูปสี่เหลี่ยมผืนผ้าสีแดง:
<ผ้าใบ id = "myCanvas"> </ ผ้าใบ>
<script type = "text / JavaScript"> var ผ้าใบ = document.getElementById ( 'myCanvas'); var ctx = canvas.getContext (2D '); ctx.fillStyle =' # FF0000 '; ctx.fillRect (0,0,80,100 ); </ script>
ลอง»
สนับสนุนเบราว์เซอร์
IE 9, Firefox, Opera, Chrome และ Safari สนับสนุน <ผ้าใบ> แท็ก
หมายเหตุ: IE 8 หรือรุ่นก่อนหน้านี้ของเบราว์เซอร์ IE ไม่สนับสนุน <ผ้าใบ> แท็ก
คำจำกัดความและคำแนะนำการแท็ก
<ผ้าใบ> แท็กเพื่อวาดภาพกราฟิก (เช่นแผนภูมิและภาพอื่น ๆ ) ผ่านสคริปต์ (มักจาวาสคริปต์)
<ผ้าใบ> แท็กเป็นภาชนะกราฟิกคุณต้องใช้สคริปต์เพื่อวาดภาพกราฟิก
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
<ผ้าใบ> แท็กใหม่ในแท็ก HTML5
เคล็ดลับและคำอธิบาย
หมายเหตุ: <ผ้าใบ> องค์ประกอบที่จะแสดงในข้อความใด ๆ ที่ไม่สนับสนุน <ผ้าใบ> เบราว์เซอร์
เคล็ดลับ: หากคุณต้องการที่จะรู้ทุกคุณสมบัติผ้าใบวัตถุและวิธีการดูที่ คู่มืออ้างอิงผ้าใบ HTML
คุณสมบัติ
ใหม่: HTML5 ให้บริการใหม่
| 属性 | 值 | 描述 |
|---|---|---|
| height New | pixels | 规定画布的高度。 |
| width New | pixels | 规定画布的宽度。 |
อสังหาริมทรัพย์ทั่วโลก
แท็ก <ผ้าใบ> สนับสนุน HTML คุณสมบัติทั่วโลก
คุณสมบัติเหตุการณ์
แท็ก <ผ้าใบ> สนับสนุน คุณสมบัติเหตุการณ์ HTML