最近项目中使用到 html2canvas,其中遇到了一些坑,在此记录一下
1. 绝对定位元素不渲染
absolute、fixed 定位时,一定要设置 top left 等值,并且不能减写成 top:0;
2. img 加载 svg 时,只渲染一部分
img 便签加载的是 svg 时,html2canvas 不会读取 img 标签 style 的 width、height,而是读取 svg 标签上设置的 width 和 height
3. 获取的图片内容向左下偏移
可能是 dom 未渲染完成导致,一定要在 dom 渲染完成,图片资源加载完成后进行 html2canvas 转换
4. background-image 背景图不清晰
要用 img 标签 absolute 定位做背景图