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

Question

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);
    
                  });

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

Answer 1

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

Answer 2

老哥问题解决了吗

Answer 3

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