html2canvas 实现海报踩坑

1、海报底图是通过背景图实现，导致生成的海报模糊

解决方案：有背景图改为img形式

2、低版本iPhone无法通过html2canvas生成海报图片
html2canvas需要用指定的版本，而不是最新版本
解决方案：
首先将 package.json 中的 html2canvas 版本降低为【1.0.0-rc.4】
版本降低方法
首先移除 html2canvas 【npm uninstall html2canvas】
然后安装指定版本 【npm install --save [email protected]】

3、iPhone13，生成的海报有一半空白

5f2a8829ec05b082112a6b080c1a36b.jpg

解决方案：祖先元素使用position fixed定位