Barbie com chapéu de verão

<style>
@media print {
body * {
visibility: hidden;
}

#print-zone, #print-zone * {
visibility: visible;
}

#print-zone {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
}

/* Botões */
.btn-container {
text-align: center;
margin: 20px 0;
}

.btn-action {
padding: 10px 24px;
background: #00bfff;
color: #fff;
border-radius: 6px;
border: none;
font-size: 16px;
cursor: pointer;
margin: 5px;
}

.btn-action:hover {
opacity: 0.9;
}
</style>

<!– IMAGEM OCULTA –>
<div id=”print-zone” style=”display:none;”>
<img
id=”imagem-desenho”
src=”https://cdn.leonardo.ai/users/8791fe62-9fd4-4edd-aa6e-4a3488352f5d/generations/3b1938dc-84ef-4ebb-aec3-d593fe554f26/segments/1:1:1/Lucid_Origin_Black_and_white_line_art_of_a_stylish_Barbie_doll_0.jpg”
alt=”Barbie com chapéu de verão para colorir em preto e branco”
style=”max-width:100%;height:auto;”
/>
</div>

<!– APENAS BOTÕES VISÍVEIS –>
<div class=”btn-container”>
<button class=”btn-action” onclick=”imprimirDesenho()”>
Imprimir
</button>

<button class=”btn-action” onclick=”baixarImagem()”>
Baixar
</button>
</div>

<script>
function imprimirDesenho() {
const zona = document.getElementById(‘print-zone’);
zona.style.display = ‘block’;
window.print();
zona.style.display = ‘none’;
}

function baixarImagem() {
const img = document.getElementById(‘imagem-desenho’);
const url = img.src;

const nomeArquivo = document.title
.toLowerCase()
.replace(/[^a-z0-9]/gi, ‘-‘) + ‘.jpg’;

const link = document.createElement(‘a’);
link.href = url;
link.download = nomeArquivo;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
</script>