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

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

苏州实时公交查询

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

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

 

解决方案

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

position: relative;
z-index: -1;

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

赞(1)
转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » dom-to-image生成图片为空白的问题
分享到: 更多 (0)