H5在canvas中绘制图片时候遇到跨域问题

Posted cyj0923

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5在canvas中绘制图片时候遇到跨域问题相关的知识,希望对你有一定的参考价值。

在前端绘制图片时需要用到其他服务器的图片,当然没有读取成功。

在网上一顿搜索,设置了图片允许跨域。

img.crossOrigin = "Anonymous"

在调试中也可以看到图片,不过还是绘制失败。经过一波XXX式的试探和查找,找到一个解决方案。

在在iis中配置响应头,可能是之前获取图片的时候没有能够通过允许的类型。

Access-Control-Allow-Credentials:true

Access-Control-Allow-Headers:origin,x-requested-with,content-type

Access-Control-Allow-Methods:POST,GET,OPTIONS

Access-Control-Allow-Origin:*

具体原因忘了,结果还是成功了

 

以上是关于H5在canvas中绘制图片时候遇到跨域问题的主要内容,如果未能解决你的问题,请参考以下文章

HTML5中canvas图片加载的问题

h5标签canvas关于getImageData跨域的问题

关于H5页面中生成图片的两种方式!

解决用H5 Canvas绘制的图片或文字在高清屏下模糊的问题

canvas2html 遇到的跨域问题

canvas 多张图片绘制层级问题