html2canvas使用中的坑

2次阅读

共计 297 个字符,预计需要花费 1 分钟才能阅读完成。

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


正文完
 0