html2canvas使用中的坑

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

1. 绝对定位元素不渲染

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

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

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

《html2canvas使用中的坑》

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

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

4. background-image背景图不清晰

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


    原文作者:nosTT
    原文地址: https://segmentfault.com/a/1190000020191450
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞