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

前端之家收集整理的这篇文章主要介绍了详解如何解决canvas图片getImageData,toDataURL跨域问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
一、首先,图片服务器需要配置Access-Control-Allow-Origin 一般团队都会有一个专门域名放置静态资源,例如腾讯是gtimg.com,百度是bdimg.com;或者很多团队使用的是腾讯云或者阿里云的服务。 而主页面所在域名往往不一样,当需要需要对canvas图片进行getImageData()或toDataURL()操作的时候,跨域问题就出来了,而且跨域问题还不止一层。 首先,第一步,图片服务器需要配置Access-Control-Allow-Origin信息,例如: 如PHP添加响应头信息,*通配符表示允许任意域名: header("Access-Control-Allow-Origin: *");

猜你在找的HTML5相关文章