HTML5 ผ้าใบ
ใช้ HTML <ผ้าใบ> องค์ประกอบที่จะใช้ในการวาดภาพกราฟิกบนหน้าเว็บ
ภาพด้านซ้ายถูกสร้างขึ้นด้วย <ผ้าใบ> มันแสดงให้เห็นธาตุทั้งสี่: รูปสี่เหลี่ยมผืนผ้าสีแดงเป็นรูปสี่เหลี่ยมผืนผ้าลาดสี่เหลี่ยมหลากสีและข้อความ MULTICOLOR
HTML ผ้าใบคืออะไร?
ใช้ HTML <ผ้าใบ> องค์ประกอบที่จะใช้ในการวาดภาพกราฟิกในการบินผ่าน JavaScriptก <ผ้าใบ> องค์ประกอบเป็นเพียงภาชนะสำหรับกราฟิก คุณต้องใช้ JavaScript ในการใช้จริงวาดกราฟิก
ผ้าใบมีหลายวิธีสำหรับเส้นทางการวาดภาพกล่อง, วงกลม, ข้อความ, และภาพเพิ่ม
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ <ผ้าใบ> องค์ประกอบ
ตัวอย่างผ้าใบ
ผ้าใบเป็นพื้นที่สี่เหลี่ยมบนหน้าเว็บ HTML โดยค่าเริ่มต้นผ้าใบไม่มีพรมแดนและไม่มีเนื้อหามาร์กอัปลักษณะเช่นนี้:
<canvas id="myCanvas" width="200" height="100"></canvas>
หมายเหตุ:เสมอระบุแอตทริบิวต์ ID (จะอ้างถึงในสคริปต์) และกว้างและความสูงแอตทริบิวต์การกำหนดขนาดของผ้าใบ ต้องการเพิ่มเส้นขอบใช้แอตทริบิวต์สไตล์
นี่คือตัวอย่างของพื้นฐานผ้าใบที่ว่างเปล่านี้:
ขีดเส้น
ล้อมกรอบ
ทดลองกดตรงนี้
วาดข้อความ
ทดลองกดตรงนี้
โรคหลอดเลือดสมองข้อความ
ทดลองกดตรงนี้
วาดลาดเชิงเส้น
ทดลองกดตรงนี้
วาดวงกลมไล่โทนสี
วาดภาพ
ทดลองกดตรงนี้
ไม่มีความคิดเห็น:
แสดงความคิดเห็น
หมายเหตุ: มีเพียงสมาชิกของบล็อกนี้เท่านั้นที่สามารถแสดงความคิดเห็น