html2canvas 部分iphone手机机型出现空白
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
老哥问题解决了吗
这个问题我解决了,关键在于去调试源码,如果有遇到类似问题的开发者可以加我微信 kashao3824 进行讨论~
最终放弃了这个方案,直接将html缩小至屏幕宽度.