Ajax ile metni görsele çevirme

Ağustos 16, 2022

Ajax ile metni görsele çevirme

Buna neden ihtiyaç duyarım dediğinizi duyar gibiyim , örnek vermek gerekirse web sayfalarında bulunan bir çok önemli veriyi botlardan korumak ve kopyalanmasını önlemek için kullanabilirsiniz.

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="cevir">deneme@deneme.html</div> <!-- çevrilecek metni buraya gir -->

<div>
    <img id="metinresmi" src="" />  <!-- çıktı -->
</div>


<script src="//cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>

<script>
    html2canvas(document.getElementById('cevir'), {
        onrendered: function (canvas) {
            var screenshot = canvas.toDataURL('image/png');
            document.getElementById('metinresmi').setAttribute('src', screenshot);
        },
    });

</script>
</body>
</html>