Gerar Imagem a partir do HTML da pagina ou seção com JS

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.3.2/html2canvas.min.js"></script>

<div id="conteudo">
    <!-- Seu conteúdo aqui -->
</div>

<button id="botao">Gerar Imagem</button>

<script>
document.getElementById("botao").addEventListener("click", function() {
  const conteudo = document.getElementById("conteudo");

  html2canvas(conteudo).then(function(canvas) {
    const imgData = canvas.toDataURL("image/png");
    const link = document.createElement("a");
    link.href = imgData;
    link.download = "captura.png";
    link.click();
  });
});
</script>