นักพัฒนาเว็บที่สร้างแอปพลิเคชันกราฟิกซับซ้อนมักต้องเลือกระหว่างการใช้ DOM เพื่อความง่ายในการเข้าถึงข้อมูล หรือใช้ Canvas เพื่อประสิทธิภาพกราฟิกระดับสูง วันนี้ Chrome for Developers ได้เปิดตัว HTML-in-Canvas API ในช่วง Origin Trial ซึ่งเป็นทางออกที่ช่วยให้คุณนำเนื้อหา DOM มาแสดงผลภายใน Canvas ได้โดยตรงโดยไม่สูญเสียฟีเจอร์สำคัญอย่างการเข้าถึง (Accessibility) และการโต้ตอบของผู้ใช้ คำตอบสำหรับนักพัฒนา: HTML-in-Canvas API คือเทคโนโลยีใหม่ที่ช่วยให้คุณวาดองค์ประกอบ HTML ลงใน Canvas 2D, WebGL หรือ WebGPU ได้โดยตรง ทำให้ UI ภายใน Canvas สามารถรองรับการเลือกข้อความ, การค้นหาในหน้าเว็บ (Find-in-page), และการเข้าถึงด้วยโปรแกรมอ่านหน้าจอได้เหมือนกับ HTML ปกติ ช่วยลดความซับซ้อนในการเขียนตรรกะ UI เองบน Canvas สารบัญ ทำไมต้องเลือกระหว่าง DOM กับ Canvas? ข้อดีของการนำ […]
