【html2cavas】图片无法显示的问题

58 阅读1分钟
  • 问题 使用html2canvas进行截图操作,元素中包含有<img/>数据,由于图片地址和项目地址不在同一域名下使得图片无法正常被截图渲染出来

  • 解决方法

    <img src="*" crossorigin="anonymous" />
    // 标签上设置crossorigin="anonymous

给图片数据设置?time=' + new Date().valueOf())

 $('.user-image img').attr('src',data.data.avatar_large)
 $('#page-5 .user-image img').attr('src',data.data.avatar_large + '?time=' + new Date().valueOf())

需要注意的是:该图片最好只是在这个Img上被使用,如果之前已经被设置到了其他元素上的话,也不能显示出来