最近项目中使用到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定位做背景图
5. text-align: center会导致文字重叠
使用flex布局或者其他属性代替
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。