html2canvas example

how to use html2canvas

by karthick6891

HTML

<script src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script>
<div class="panel panel-default">
<div class="panel-body">
<a> this is panel one</a><br><br>
</div></div>
<div class="panel panel-default">
<div class="panel-body">
<a> this is panel two</a><br><br>
</div></div>
<div class="panel panel-default">
<div class="panel-body">
<a> this is panel three</a><br><br>
</div></div>

JavaScript

$('.panel-body').on("click", function () {
        html2canvas($(this)[0]).then(canvas => {
            //document.body.appendChild(canvas);
            var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
            console.log(image);
            window.location.href = image;
        })
    });