html2canvas 将html转换为图片

解决场景：

将页面与用户签名合成一张图片

例如：

实现思路： 将第一个页面转为一个图片将第二个页面的签字转换为一张图片 重新布局一下  将合成后的html转换为canvas图片

引入

import html2canvas from 'html2canvas';

html2canvas(document.querySelector('.voucher-detail-copy-dom')).then((canvas) => {
     // canvas是html转换的canvas
     // canvas.toDataURL('image/png') 将canvas转换为base64的图片
     dataStorage.setStorage('affirm', canvas.toDataURL('image/png'))
     document.body.removeChild(copyDom);
     this.$router.push({path: 'userSign'});
});