LiuiaoD 2020-04-02 17:32 采纳率: 100%
浏览 578
已采纳

"Unable to get image data from canvas because the canvas has been tainted by cross-origin data"问题产生原因及解决办法。

最近做的一个项目,生成了报告h5页面,页面中是表格和一些图片,如下图
图片说明

h5的地址是http,表格中图片的地址的https,
使用html2canvas生成PDF时报错,"Unable to get image data from canvas because the canvas has been tainted by cross-origin data"
图片说明

按照这种方法解决过,但是无效

图片说明

有些说换火狐浏览器,但是我也试了无效。

请大神帮忙,解释一下报错原因,提一下解决方案。

  • 写回答

1条回答

  • Todd_Pointer 2020-04-05 19:00
    关注

    你这个问题如果有办法解决,那就说明浏览器有Bug!也就是说你在试图让自己开发的系统运行于浏览器的特定Bug之上, 只能说这令人感到非常遗憾。
    把你的网页和图片改成相同的协议, 相同的域名, 相同的端口号。 如果域名和端口号有困难,那就在保证协议一致的前提下, 在图片那边加入允许跨域访问的HTTP标头。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 jupyterthemes 设置完毕后没有效果
  • ¥15 matlab图像高斯低通滤波
  • ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗
  • ¥15 钢筋实图交点识别,机器视觉代码
  • ¥15 如何在Linux系统中,但是在window系统上idea里面可以正常运行?(相关搜索:jar包)
  • ¥50 400g qsfp 光模块iphy方案
  • ¥15 两块ADC0804用proteus仿真时,出现异常
  • ¥15 关于风控系统,如何去选择
  • ¥15 这款软件是什么?需要能满足我的需求
  • ¥15 SpringSecurityOauth2登陆前后request不一致