crossOrigin thuộc tính cho phép các hình ảnh được tải từ nguồn gốc bên ngoài được sử dụng trong canvas giống như hình ảnh mà chúng đang được tải từ nguồn gốc hiện tại.
Sử dụng hình ảnh mà không có sự chấp thuận của CORS sẽ làm tăng canvas. Khi canvas đã bị ố, bạn không thể lấy lại dữ liệu ra khỏi canvas được nữa. Bằng cách tải canvas từ miền gốc chéo, bạn đang làm bẩn canvas.
Bạn có thể ngăn chặn điều này bằng cách cài đặt -
img.crossOrigin = "Anonymous";
Điều này hoạt động nếu máy chủ từ xa đặt tiêu đề phù hợp -
Access-Control-Allow-Origin "*"