html2canvas 部分iphone手机机型出现空白

发布于 2022-09-11 17:05:50 字数 974 浏览 51 评论 0

html2canvas转canvas后,部分iphone手机机型出现空白.
测试的机型及结果:
1.iphoneX 系统11.3.1 空白
2.iphone6p 系统9 空白
3.iphone6s 系统11.3 正常
4.iphone6 系统12 正常
5.安卓 系统7 正常
6.iphone7 ios11 空白

关键代码如下:

              let node = document.getElementById('proposal');
              let nodeImage = document.getElementById('proposalImage');
              html2canvas(node,{
                  height: node.offsetHeight || node.scrollHeight || node.clientHeight,
                  width: node.offsetWidth || node.scrollWidth || node.clientWidth,
                  x:0,
                  y:0,
                  useCORS:true
                  }).then(function(canvas) {
                    canvas.style.width = "100%";
                    canvas.style.height= "auto";
                    node.innerHTML = "";
                    nodeImage.appendChild(canvas);
    
                  });

谷歌了很多),尝试了很多配置,依旧没有解决,目前仍然在不断探索中,希望有踩过坑的帮我一把 ,好多天了 绝望了.感谢大家

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

狂之美人 2022-09-18 17:05:51

老哥问题解决了吗

深府石板幽径 2022-09-18 17:05:51

这个问题我解决了,关键在于去调试源码,如果有遇到类似问题的开发者可以加我微信 kashao3824 进行讨论~

放飞的风筝 2022-09-18 17:05:50

最终放弃了这个方案,直接将html缩小至屏幕宽度.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文