html2Canvas 踩坑

换行首字出现重叠

1. 降级为 1.0.0 版本
2. 设置 letter-spacing 属性
3. 不降级处理，每个字符取出来都套了个span标签

屏幕滚动导致生成图片顶部白屏

1. 添加参数

scrollX: 0
scrollY: 0

iphone x 无法截图

1. 降级为 *1.0.0-rc.4*

background-image背景图不清晰

1. 要用 img 标签absolute定位做背景图

绝对定位元素不渲染

1. absolute、fixed定位时，一定要设置 top、left、 z-index 等值

text-align: center会导致文字重叠

1. 使用 flex 布局或者其他属性代替

img加载svg时，只渲染一部分

1. img便签加载的是svg时，html2canvas不会读取img标签style的width、height，而是读取svg标签上设置的width和height

截图后的图片和实际展示不一致

可能设置了全局img样式，不能设置

img { width: 100%; }

样式"Font Family"设置了"-apple-system"，IOS15无法生成图片

https://github.com/niklasvh/html2canvas/issues/2633

转载

https://segmentfault.com/a/1190000020191450

官网参数