html2canvas使用中的坑

最近项目中使用到 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 定位做背景图