dom-to-image生成图片为空白的问题

2022-04-16阅读(778)评论(0)牵着狗狗看MM

苏州实时公交查询

之前用html2canvas,发现动态生成DOM节点后,再根据DOM节点生成canvas会很卡,几百毫秒到几秒不等,具体原因没去深究。替换成了dom-to-image

实际使用时都很正常,这里有个坑。当动态生成的DOM节点使用了position: absolute;时,会导致生成的图片是个空白图片,宽高都有,就是一个空白图片。

 

解决方案

修改动态生成的DOM节点的样式,添加如下CSS

position: relative;
z-index: -1;

插入DOM后且生成图片后,如果原来动态生成的DOM节点不用的话记得删除

赞(0) 打赏
转载请注明来源:Web万博ManBetXapp(W3Cways.com) - Web万博ManBetXappManBetX万博体育网页版之路 » dom-to-image生成图片为空白的问题
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

  • 阿里云服务器
    阿里云服务器