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