html2canvas使用中的坑

wuxx

最近项目中使用到html2canvas,其中遇到了一些坑,在此记录一下

1. 绝对定位元素不渲染

absolute、fixed定位时,一定要设置top  left等值,并且不能减写成top:0;

2. img加载svg时,只渲染一部分

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

clipboard.png

3. 获取的图片内容向左下偏移

可能是dom未渲染完成导致,一定要在dom渲染完成,图片资源加载完成后进行html2canvas转换

4. background-image背景图不清晰

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

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

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

阅读 5.7k

coding路上

9 声望
0 粉丝
0 条评论
你知道吗?

coding路上

9 声望
0 粉丝
宣传栏