一个项目使用了Html5的Canvas画布标签，canvas显示的图片来源于api.xx.com这个子域名，当前页面的域是m.xx.com，一旦通过JS来调用：canvas.toDataURL()，就会报跨域的问题：
Redirect at origin 'http://api.xx.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://m.xx.com' is therefore not allowed access.
请问又拍云是否有相关的解决方案，或者能否加上关于图片跨域请求的头部Access-Control-Allow-Origin开放控制呢？
如何在请求的图片的头部添加Access-Control-Allow-Origin这个呢
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
2
643
收藏
之前有遇到过这个问题，也是子域名不同的跨域，因为使用的图片不是在同一个服务器上。
当时采用的解决办法是通过服务端将图片文件内容获取到，然后在html页面输出，这样子的话，是可以解决图片跨域问题的。（但是可能文不对题！）
加上
img.crossOrigin = "Anonymous"Access-Control-Allow-Origin这东东是后台发送过来的之前我也遇过这种问题，但没这样处理，因为一些其它原因，只能放弃从服务器上获取图片改为本地