解决阿里云oss图片html2canvas生成海报转pdf时跨域问题

1、海报生成js代码中添加allowTaint: true

var Opts = {
  allowTaint:false,
  useCORS:true,//允许加载跨域的图片
  tainttest:true, //检测每张图片都已经加载完成
  scale:scaleBy, // 添加的scale 参数
  canvas:canvas, //自定义 canvas
  logging: false, //日志开关,发布的时候记得改成false
  width:width, //dom 原始宽度
  height:height //dom 原始高度
};

2、在阿里云oss对应的Bucket中设置允许跨域
点击进入对应的Bucket中-基础设置-跨域设置

解决阿里云oss图片html2canvas生成海报转pdf时跨域问题_第1张图片

添加内容

*
access-control-allow-credentials: true
access-control-allow-origin: *

 解决阿里云oss图片html2canvas生成海报转pdf时跨域问题_第2张图片

也可以把图片转成base64实现

你可能感兴趣的:(pdf,前端,javascript)