解决场景:
将页面与用户签名合成一张图片
例如:
实现思路: 将第一个页面转为一个图片将第二个页面的签字转换为一张图片 重新布局一下 将合成后的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'});
});