วัตถุประสงค์ของ crossorigin
ตามสเปค: crossorigin เป็น CORS settings attribute ใช้เพื่อให้รูปภาพจากเว็บไซต์ภายนอกที่อนุญาต CORS สามารถใช้ร่วมกับ Canvas ได้
การใช้งาน
<img src="..." crossorigin="anonymous" />
<video src="..." crossorigin="anonymous"></video>
ฝั่ง Server ต้องส่ง Header
Access-Control-Allow-Origin: *
ประโยชน์
- แก้ปัญหา "Tainted Canvas" - ไม่สามารถ
toDataURL()หรือgetImageData()ได้ - ช่วยให้ error logging ทำงานข้ามโดเมนได้ (เห็น stack trace จริง)