เพิ่ม crossorigin="anonymous" และ CORS Header
ฝั่ง Client (HTML)
<img src="https://other-domain.com/image.jpg" crossorigin="anonymous" />
<video src="https://other-domain.com/video.mp4" crossorigin="anonymous"></video>ฝั่ง Server (HTTP Header)
Access-Control-Allow-Origin: *หรือระบุโดเมนเฉพาะ: Access-Control-Allow-Origin: https://your-site.com
ทางเลือกสำหรับ Local File Development
รัน Chrome ด้วย Flag:
chrome --allow-file-access-from-filesผลลัพธ์: Canvas ไม่ถูก Tainted สามารถ toDataURL(), getImageData() ได้
