html2canvas截取图片跨域解决办法

前端开发   发布日期:2025年07月02日   浏览次数:178
  1. var dataURL;
  2. html2canvas(document.querySelector(".poster_template_con"),{useCORS:true,logging:true}).then(canvas => {
  3. document.body.appendChild(canvas);
  4. $("canvas").hide();
  5. dataURL = canvas.toDataURL("image/png");
  6. // console.log(dataURL);dataURL是合成图片的地址
  7. });

{useCORS:true,logging:true}解决图片跨域,截图不全的问题。

截取body的没有问题,截取img的不行

 


————————————————
版权声明:本文为CSDN博主「yzy_blog」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_39466493/java/article/details/82152678

以上就是html2canvas截取图片跨域解决办法的详细内容,更多关于html2canvas截取图片跨域解决办法的资料请关注九品源码其它相关文章!