<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.