解决在 iOS 手机上使用 html2canvas 时出现的白屏问题
最编程
2024-02-13 19:53:51
...
以下是我准备生成分享图片的dom，这边使用transform:translateY(100vh); 来隐藏分享dom
<div style="width:100%;height:100;position:fixed;left:0;top:0;transform:translateY(100vh);margin:auto;"> <!-- 内容区域 --> </div>
在android手机生成图片正常，但是在ios手机，除非此dom显示在屏幕上，否则生成的图片是白图，
只需要再调用之前添加 以下代码就可以了 window.scrollTo(0, 1);
// 加入这一行
window.scrollTo(0,1);
html2canvas(document.querySelector(`#${domId}`), {
scale: 2,
useCORS: true,
}).then(()=>{
// dosomething
})
下一篇： iOS调用C++方法的详细操作指南