A-AA+then

สอบถามเรื่อง html canvas ครับ

1,110

canvas เคยเห็นมันปรากฎใน code บางเว็บไซต์ครับ อยากทราบว่ามันเอาไว้ทำอะไรหรือครับ พอยกตัวอย่างการใช้งานได้ไหมครับ

ขอบคุณครับ

4 ความคิดเห็น

อิลิเมนท์ canvas เป็นส่วนหนึ่งของ HTML5 ซึ่งกำลังเข้ามาเป็นมาตรฐานในอนาคตอันใกล้นี้
มันเป็นตัวที่ช่วยส่งเสริมความสามารถด้านการวาดภาพลักษณะ 2 มิติในรูบแบบไดนามิกมากขึ้น
 
องค์ประกอบของ canvas จะประกอบไปด้วย
พื้นที่ในการวาดซึ่งกำหนดลงไปในโค้ด HTML โดยตรง ที่มีทั้งความกว้างความสูง
และ attributes (คุณลักษณะ) อื่นๆ ของอิลิเมนท์
และกำหนดโค้ด javascript ให้สามารถเข้าถึงพื้นที่เพื่อวาดภาพออกมา
ก็เหมือนกับ APIs 2D ทั่วไป
 
ซึ่งอาจจะนำมาใช้สร้างกราฟฟิค จำพวก กราฟ,ภาพเคลื่อนไหว
และเพราะมันสามารถเรนเดอร์ภาพในรูปแบบ 2 มิติได้นี่เอง
อาจเอาความสามารถนี้มาใช้สร้างเกมก็ยังได้
 
 
1

ผมไปเห็นเว็บต่างประเทศเขาใช้น่ะครับ รู้สึกจะใช้ทำข้อความเป็นภาพ หรือยังไงไม่แน่ใจเหมือนกัน

คิดอยากใช้ครับ พอจะทราบไหมว่า IE7 รองรับไหมครับ พอมีข้อมูลการใช้ไหมครับ

2

canvas จะมีใช้ใน html5 ร่วมกับ css3 ครับ

ขณะนี้เบราเซอร์ที่รองรับแล้ว มีแต่ Safari ครับ

ie ต้อง v9 และ firefox ต้อง v4 ครับ

ลองดาวน์โหลด Safari มาเล่นดูก็ได้ครับ ที่เว็บของ Safair เอง เขามี show case เรื่องนี่อยู่ ให้เป็นตัวอย่างพอเป็นน้ำจิ้ม 
3

เหมือนความหมายของชื่อมันนั่นแหละ
มันเปรียบเหมือนผ้าใบที่จิตรกรเค้าใช้วาดรูปกัน
การจะนำมันไปใช้ยังไงก็ล้วนแล้วแต่จินตนาการ
4
^