html2canvas使用中的坑 好用

时间:2024-04-02 17:09:20

html2canvas使用中的坑

1、android 什么都正常, 加粗样式ios渲染不出来的问题 (你是否用到了定位fixed absolute) ,如果用到,看下面 (楼主亲测 香)

absolute、fixed定位时,一定要设置top left等值,并且不能减写成top:0;可以写成left:1px; 这种形式;

html2canvas使用中的坑 好用

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

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

html2canvas使用中的坑 好用

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

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

4、background-image背景图不清晰

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

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

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

---------------------------------------------如果问题解决,记得点个赞哦~------------------------------------