JSFiddle - React, Tailwind, and code Playground

by thvinic

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Convertendo Div em Imagem</title>
</head>
<body>
  <div id="id_da_sua_div">
    <!-- Conteúdo da sua div aqui -->
    <h1>Conteúdo da Div</h1>
    <p>Este é um exemplo de conteúdo que será convertido em imagem.</p>
  </div>
  <button id="id_do_seu_botao_salvar">Salvar</button>

  <script>
    var divContent = document.getElementById('id_da_sua_div');

    function salvarComoImagem() {
      var img = new Image();
      img.src = 'data:image/svg+xml,' + encodeURIComponent(divContent.innerHTML);
      var link = document.createElement('a');
      link.href = img.src;
      link.download = 'imagem.png';
      link.click();
    }

    document.getElementById('id_do_seu_botao_salvar').addEventListener('click', salvarComoImagem);
  </script>
</body>
</html>