Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

การใช้งานแอตทริบิวต์ crossorigin ใน HTML5

วัตถุประสงค์ของ 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 จริง)