<div id="capture" style="background: transparent;">
  <!-- HTML şablonun -->
</div>
<button id="snap">PNG yap</button>

<script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>
<script>
document.getElementById('snap').addEventListener('click', async () => {
  const el = document.getElementById('capture');
  const canvas = await html2canvas(el, {
    backgroundColor: null, // şeffaflık için
    scale: 2
  });
  const png = canvas.toDataURL('image/png');
  const a = document.createElement('a');
  a.href = png;
  a.download = 'capture.png';
  a.click();
});
</script>