บทความนี้ส่วนใหญ่แนะนำวิธี HTML5 Canvas เพื่อทดสอบว่าเบราว์เซอร์รองรับผืนผ้าใบหรือไม่ บทความนี้ให้สองวิธีดั้งเดิมและห้องสมุดคลาส Modernizr เพื่อนที่ต้องการมันสามารถอ้างถึงมันได้
บทความนี้แปลจาก Steve Fulton & Jeff Fulton HTML5 Canvas, บทที่ 1, การทดสอบเพื่อดูว่าเบราว์เซอร์รองรับผ้าใบหรือไม่
หลังจากได้รับการอ้างอิงถึงองค์ประกอบ Canvas ในหน้า HTML เราต้องทดสอบว่าองค์ประกอบมีบริบทหรือไม่ บริบทของผ้าใบหมายถึงระนาบที่กำหนดโดยเบราว์เซอร์สำหรับการวาดภาพ เพียงแค่ใส่ถ้าบริบทไม่มีอยู่ผืนผ้าใบจะอยู่ในชื่อเท่านั้น มีหลายวิธีในการทดสอบว่าเบราว์เซอร์รองรับผ้าใบหรือไม่ วิธีแรกคือการตรวจสอบว่าวิธีการ getContext ขององค์ประกอบ Canvas ในหน้า HTML มีอยู่หรือไม่:
คัดลอกรหัส