• 03-01-2017, 12:37:44
    #1
    Üyeliği durduruldu
    Şu linkte bir html sayfa var.
    Sayfanın ortasında gördüğünüz logo sanırım dhtml ile yapılmış, resim değil.
    Ekran görüntüsü almak haricinde, bu logoyu almak için bir yol var mı?

    Logo şu. Tabii ki ihtiyacım olan logo bu değil. Html sayfasındaki bu alanın nasıl logoya dönüştürüleceğini öğrenmek istiyorum.



  • 03-01-2017, 12:46:13
    #2
    <div id="mydiv">
        <img src="/img/logo-white.png" />
        <p>text!</p>
    </div>
    <br>
    <br>
        
    <div id="canvas">
        <p>Canvas:</p>
        </div>
        
        <div id="image">
            <p>Image:</p>
        </div>
    <script src="http://html2canvas.hertzen.com/build/html2canvas.js"></script>
    <script>
    	html2canvas([document.getElementById('mydiv')], {
        onrendered: function (canvas) {
            document.getElementById('canvas').appendChild(canvas);
            var data = canvas.toDataURL('image/png');
            // AJAX call to send `data` to a PHP file that creates an image from the dataURI string and saves it to a directory on the server
    
            var image = new Image();
            image.src = data;
            document.getElementById('image').appendChild(image);
        }
    });
    </script>
    bu kodları bir html dosyası olarak kaydedip nasıl çalıştığını anlayarak kendi dosyanızda da kullanabilirsiniz.
  • 03-01-2017, 13:38:12
    #3
    Üyeliği durduruldu
    ismail_bayram adlı üyeden alıntı: mesajı görüntüle
    <div id="mydiv">
        <img src="/img/logo-white.png" />
        <p>text!</p>
    </div>
    <br>
    <br>
        
    <div id="canvas">
        <p>Canvas:</p>
        </div>
        
        <div id="image">
            <p>Image:</p>
        </div>
    <script src="http://html2canvas.hertzen.com/build/html2canvas.js"></script>
    <script>
    	html2canvas([document.getElementById('mydiv')], {
        onrendered: function (canvas) {
            document.getElementById('canvas').appendChild(canvas);
            var data = canvas.toDataURL('image/png');
            // AJAX call to send `data` to a PHP file that creates an image from the dataURI string and saves it to a directory on the server
    
            var image = new Image();
            image.src = data;
            document.getElementById('image').appendChild(image);
        }
    });
    </script>
    bu kodları bir html dosyası olarak kaydedip nasıl çalıştığını anlayarak kendi dosyanızda da kullanabilirsiniz.
    Teşekkürler.
    Logoyes.comda oluşturduğum logoyu almak için konuyu açtım.
    Sanırım prtscr haricinde bir yol yok.