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>

ลอง»

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 9, Firefox, Opera, Chrome และ Safari สนับสนุน <ผ้าใบ> แท็ก

หมายเหตุ: IE 8 หรือรุ่นก่อนหน้านี้ของเบราว์เซอร์ IE ไม่สนับสนุน <ผ้าใบ> แท็ก


คำจำกัดความและคำแนะนำการแท็ก

<ผ้าใบ> แท็กเพื่อวาดภาพกราฟิก (เช่นแผนภูมิและภาพอื่น ๆ ) ผ่านสคริปต์ (มักจาวาสคริปต์)

<ผ้าใบ> แท็กเป็นภาชนะกราฟิกคุณต้องใช้สคริปต์เพื่อวาดภาพกราฟิก


ความแตกต่างระหว่าง HTML 4.01 และ HTML5

<ผ้าใบ> แท็กใหม่ในแท็ก HTML5


เคล็ดลับและคำอธิบาย

หมายเหตุ: <ผ้าใบ> องค์ประกอบที่จะแสดงในข้อความใด ๆ ที่ไม่สนับสนุน <ผ้าใบ> เบราว์เซอร์

เคล็ดลับ: หากคุณต้องการที่จะรู้ทุกคุณสมบัติผ้าใบวัตถุและวิธีการดูที่ คู่มืออ้างอิงผ้าใบ HTML


คุณสมบัติ

ใหม่: HTML5 ให้บริการใหม่

属性 描述
height New pixels 规定画布的高度。
width New pixels 规定画布的宽度。

อสังหาริมทรัพย์ทั่วโลก

แท็ก <ผ้าใบ> สนับสนุน HTML คุณสมบัติทั่วโลก


คุณสมบัติเหตุการณ์

แท็ก <ผ้าใบ> สนับสนุน คุณสมบัติเหตุการณ์ HTML