web网站生成海报功能，怎么实现呢用 html2canvas？

Question

web网站生成海报功能，怎么实现呢用 html2canvas
截图网站的某个页面，
还要生成当前网页的二维码，然后合在一起！

Answer 1

<button id="capture">截屏</button>
<div id="qrcode" style="width: 0; height: 0; line-height: 0;overflow: hidden;"></div>
<div id="screenshoot"></div>
<script>
document.addEventListener('DOMContentLoaded', function(e) {
const qrcode = new QRCode('qrcode', {
text: location.href,
});
qrcode.makeImage();
const capture = document.querySelector('#capture');
capture.addEventListener('click', function() {
html2canvas(document.body).then(function(canvas) {
const ctx = canvas.getContext('2d');
ctx.drawImage(document.querySelector('#qrcode img'), 0, 0);
document.body.appendChild(canvas);
});
})
});
</script>