Olá, fiz um código em javascript que ao clicar numa imagem ela imprime automaticamente. No entanto, a imagem fica pequena e eu preciso que ocupe o tamanho de uma folha A4.
Segue o código.
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Planeta Dinossauro</title>
</head>
<body>
<!-- A imagem que será clicada para impressão -->
<center>
<h2>Clique na Imagem para Imprimir</h2>
</center>
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6HSTNpRT6GXjlW2l-V4MCCOof4rgHfYRKc_rnBFRwHo4NsxDV-beN9iug4bbYaMRHmmOu-y0WYGO8BO6LKwTG2AiA3ML-iFNvhhrQQRVb0rpkHIczeGkXerdbUObat2GaYpXa4rrXBMBvLGgNsE3JXdToNxlAKYHZTvZlHsoVVx0ajOy-71OLO69C1PE/s16000/1.jpg" alt="Imagem para impressão" id="imagem1" style="cursor: pointer; width: 500px;"><br/>
<center>
<h2>Clique na Imagem para Imprimir</h2>
</center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbv54BUeYlqTa1CMpqbqDWc06Q2_xKbLfnfiGanR2L46NFMSyoR5rzcxgBd47xilENRBgQ0qUipP9NQY_09tea5EC-GNsKU79GFl219nWSMzoZMSjh3PTMJUz03PwViu2F6Dt6j722gjXCYGznYOTx9F8rL8yg87Toem34E2Yf_N3ooXuLeZEyz7C1F1M/s16000/2.jpg" alt="Imagem para impressão" id="imagem2" style="cursor: pointer; width: 500px;"><br/>
<center>
<script>
// Seleciona a imagem pelo ID e adiciona um evento de clique
document.getElementById("imagem1").addEventListener("click", function() {
// Abre uma nova janela ou aba
const janelaImpressao = window.open("", "_blank");
// Adiciona a imagem na nova janela para ser impressa
janelaImpressao.document.write(`
<html>
<head>
<title>Impressão de Imagem</title>
</head>
<body onload="window.print(); window.close();">
<img src="${this.src}" style="width: 100%;">
</body>
</html>
`);
// Finaliza o documento para que o conteúdo seja carregado
janelaImpressao.document.close();
});
</script>
<script>
// Seleciona a imagem pelo ID e adiciona um evento de clique
document.getElementById("imagem2").addEventListener("click", function() {
// Abre uma nova janela ou aba
const janelaImpressao = window.open("", "_blank");
// Adiciona a imagem na nova janela para ser impressa
janelaImpressao.document.write(`
<html>
<head>
<title>Impressão de Imagem</title>
</head>
<body onload="window.print(); window.close();">
<img src="${this.src}" style="width: 100%;">
</body>
</html>
`);
// Finaliza o documento para que o conteúdo seja carregado
janelaImpressao.document.close();
});
</script>
</body>
</html>