HTML5技术

解决canvas跨域问题(图片,视频资源跨域) - 小结巴巴吧

字号+ 作者:H5之家 来源:H5之家 2017-03-08 16:04 我要评论( )

添加跨域条件 crossorigin="anonymous" 【Redirect at origin 'http://xxx.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:

  添加跨域条件   crossorigin="anonymous"

 

【Redirect at origin 'http://xxx.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://sub2.xx.com' is therefore not allowed access.】

 

var img = new Image;

img.onload = myLoader;

img.crossOrigin = 'anonymous'; //可选值:anonymous,*  

img.src = 'http://....';

 

或者是HTML中   <img src="" crossorigin="anonymous">

 

视频的话同上,<video controls="controls"  crossorigin="anonymous"></video>

如果视频 video.crossOrigin = 'anonymous';  报错的话,可以在标签上面加该属性。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 关于ionic2打包android时gradle下载不了的解决方法(附:简单优化启动速度彩蛋) - 无所事事者爱嘲笑

    关于ionic2打包android时gradle下载不了的解决方法(附:简单优化启

    2017-03-03 13:00

  • canvas标签的使用 - Aqiaoba

    canvas标签的使用 - Aqiaoba

    2017-03-02 17:00

  • HTML5动画(二):Canvas 实现圆形进度条并显示数字百分比 - 孟然

    HTML5动画(二):Canvas 实现圆形进度条并显示数字百分比 - 孟然

    2017-02-23 14:05

  • canvas中的非零环绕原则 - 一混五六年

    canvas中的非零环绕原则 - 一混五六年

    2017-02-22 10:00

网友点评