之前用html2canvas,发现动态生成DOM节点后,再根据DOM节点生成canvas会很卡,几百毫秒到几秒不等,具体原因没去深究。替换成了dom-to-image
实际使用时都很正常,这里有个坑。当动态生成的DOM节点使用了position: absolute
;时,会导致生成的图片是个空白图片,宽高都有,就是一个空白图片。
解决方案
修改动态生成的DOM节点的样式,添加如下CSS
position: relative; z-index: -1;
插入DOM后且生成图片后,如果原来动态生成的DOM节点不用的话记得删除