html2canvas|html2canvas 截取 html 生成图片空白问题 html2canvas截取html生成图片空白

当要截取内容有向上滚动的内容的时候, 滚动被覆盖的内容不会被绘制成图片
解决问题: 我选择内容弄成两份.wrap, .fiexd, .fiexd用固定定位 positon:fixed ; 并且 z-index:-1 来隐藏,默认隐藏,在绘制的时候的时候时候显示,绘制完成继续隐藏.
还有一个问题就是如果用fiexd 那么文档的高度必须被撑开和固定定位的高度要高,不然超过的高度内容就是空白.... 可以想办法把视口高度撑开.

.fiexd { top: 0; position: fixed; z-index: -1; background: #fff; padding: 36px; }

2 .iOS 原生从相册选择的图片渲染空白的问题

截取的图片的地址可能被 html2canvas 不识别,然后会返回一个错误的base64编码地址,把

html2canvas|html2canvas 截取 html 生成图片空白问题

文章图片
WeChat92eaeca4cbe1aa60b176c4b6ccb88da0.png 会调用

var o = e("./utils").smallImage; f.smallImage = function () { return "data:image/gif; base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" }

【html2canvas|html2canvas 截取 html 生成图片空白问题】通过这个方法就把不识别的地址换成了这个固定的 base64 然后绘制的图片就会是空白