关于html2canvas生成图片空白问题
框架react + mobx
"html2canvas": "^1.0.0-rc.7"
<div className="csbox">
111111111111111
<div onClick={this.exportImage}>
提交
</div>
</div>
var node = document.querySelector('.csbox')
html2canvas(node)
.then(canvas => {
console.log(canvas)
var data = canvas.toDataURL();//生成的格式
console.log(data)
})
.catch(err => {
console.log(err)
})
生成的图片
控制台输出
其他一些具体的细节私聊
网上找了各种方法都尝试过了,我的页面能生成图片,问题出在图片只是一张白图,这里明显不涉及到滚动条和图片跨域,就是想问一下有没有同样遇到这种情况的兄弟
找到问题所在了css样式的定义可能会导致页面截图失败,我把项目里的px转rem的文件注释掉,页面成功生成图片了