详解如何解决canvas图片getImageData,toDataURL跨域问题

一、首先，图片服务器需要配置Access-Control-Allow-Origin 一般团队都会有一个专门域名放置静态资源，例如腾讯是gtimg.com，百度是bdimg.com；或者很多团队使用的是腾讯云或者阿里云的服务。 而主页面所在域名往往不一样，当需要需要对canvas图片进行getimageData()或toDataURL()操作的时候，跨域问题就出来了，而且跨域问题还不止一层。 首先，第一步，图片服务器需要配置Access-Control-Allow-Origin信息，例如： 如PHP添加响应头信息，*通配符表示允许任意域名： header("Access-Control-Allow-Origin: *");