omergundogar adlı üyeden alıntı: mesajı görüntüle
Aşağıdaki kodu html şablonunuz için düzenlerseniz png olarak arkaplanı şeffaf şekilde alabilirsiniz

<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>
Muhammet adlı üyeden alıntı: mesajı görüntüle
hocam selam, kodunuzu chat gpt gibi yapay zeka araçlarına ileterek xenforo veya vbullettin konu açmaya uyumlu hale getirir misin diyerek test etme şansınız var mı? normalde konu açarken "kaynaklar" ikonu mevcut üst menüde burada ama muhtemelen denemişsinizdir onu dediğimi deneyin isterseniz her şeyi yapıyor onuda yapsın bir zahmet
    • Sayfada herhangi bir yere sağ tıklayıp "İncele" deyin veya F12 tuşuna basın.
    • Ctrl + Shift + P tuşlarına basın.
    • Açılan komut satırına screenshot yazın ve çıkan seçeneklerden "Capture full size screenshot" (Tam boyutlu ekran görüntüsü yakala) seçeneğine tıklayın.
  • Tarayıcı, tüm sayfanın tek bir PNG dosyası olarak indirilmesini sağlayacaktır.