HTML5 Canvas Free Tutorial 1.0
คุณจะสามารถดาวน์โหลดได้ภายใน 5 วินาที
เกี่ยวกับ HTML5 Canvas Free Tutorial
องค์ประกอบเป็นเพียงคอนเทนเนอร์สําหรับกราฟิกเท่านั้น คุณต้องใช้สคริปต์เพื่อวาดกราฟิกจริงๆ ผืนผ้าใบเป็นพื้นที่สี่เหลี่ยมและมีหลายวิธีสําหรับการวาดเส้นทางกล่องวงกลมอักขระและการเพิ่มภาพ
องค์ประกอบนี้เป็นองค์ประกอบมาร์กอัป HTML5 ใหม่ที่อนุญาตให้วาดในเว็บเพจได้โดยไม่ต้องใช้ API หรือปลั๊กอินรูปแบบวัตถุเอกสาร (DOM) แม้ว่าค่อนข้างใหม่องค์ประกอบได้รับการนํามาใช้โดยเบราว์เซอร์ที่ทันสมัยที่สุด
แทนที่จะสร้างกราฟิกบนหน้าจอโดยใช้องค์ประกอบ HTML และมาร์กอัปอื่น ๆ ที่มีการจัดแต่งทรงผม CSS ผืนผ้าใบช่วยให้สามารถวาดกราฟิกได้โดยตรงโดยใช้คําสั่ง JavaScript เช่น drawRect เติมและวาดรูป นอกจากนี้ยังเป็นไปได้ที่จะจัดการพิกเซลโดยตรงเพื่อแก้ไขภาพและสร้างเอฟเฟกต์พิเศษ แม้ว่าปัจจุบัน Canvas เป็น API การวาดภาพ 2 มิติ แต่การสนับสนุน 3 มิติมีการวางแผนสําหรับรุ่นต่อไป
หมาย เหตุ: - องค์ประกอบไม่มีความสามารถในการวาดภาพของตัวเอง - ภาพวาดทั้งหมดจะต้องทําภายใน JavaScript โดยค่าเริ่มต้น องค์ประกอบจะไม่มีเส้นขอบและไม่มีเนื้อหา - ตัวเลือกfallback_contentถูกแสดงโดยเบราว์เซอร์ที่ไม่สนับสนุนแท็กผ้าใบ -ช่วยให้การวาดภาพของกราฟิกโดยตรงโดยไม่ต้องหันไปใช้
หรือเทคนิค CSS - Canvas เป็นมาตรฐานเว็บที่ได้รับการสนับสนุนโดยเบราว์เซอร์ส่วนใหญ่พร้อมการใช้งานที่เข้ากันได้ - ผืนผ้าใบเป็นกริดสองมิติ - ฮาร์ดแวร์เร่งได้ง่ายขึ้นส่งผลให้ภาพเคลื่อนไหวรวดเร็ว - มุมซ้ายบนของผืนผ้าใบมีพิกัด (0,0) - ในอนาคต Canvas จะสนับสนุนบริบทอื่นนอกเหนือจาก '2d' เช่นสเปค WebGL ที่รอดําเนินการสําหรับกราฟิก 3 มิติ