Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วิธีแก้ไขข้อผิดพลาด getImageData () 'ผืนผ้าใบได้รับความเสียหายจากข้อมูลข้ามต้นทาง' ใน HTML?


The crossOrigin คุณลักษณะช่วยให้ภาพที่โหลดจากต้นทางภายนอกเพื่อใช้ในผืนผ้าใบเหมือนกับที่โหลดจากแหล่งกำเนิดปัจจุบัน

การใช้รูปภาพโดยไม่ได้รับการอนุมัติจาก CORS จะทำให้ผืนผ้าใบเสียหาย เมื่อผ้าใบเสียแล้ว คุณจะไม่สามารถดึงข้อมูลกลับออกจากผ้าใบได้อีกต่อไป การโหลดแคนวาสจากโดเมนแบบไขว้ คุณกำลังทำให้แคนวาสสกปรก

คุณสามารถป้องกันได้โดยการตั้งค่า -

img.crossOrigin = "Anonymous";

วิธีนี้ใช้ได้หากเซิร์ฟเวอร์ระยะไกลตั้งค่าส่วนหัวอย่างเหมาะสม -

Access-Control-Allow-Origin "*"