Convert entire div data into image and save it into directory using JavaScript ft html2canvas.js

Convert entire div data into image and save it into directory using JavaScript ft html2canvas.js

GET MORE + DEMO :- https://codexdindia.blogspot.com/2021/05/convert-entire-div-data-into-image-and-save-it-into-directory-using-JavaScript-ft-htmltocanvasjs.html

See Demo :- https://sh20raj.github.io/Tutorialsdiv/html-to-canvas/

See Codes :- https://replit.com/@SH20RAJ/Tutorials#html-to-canvas/index.html

About html2canvas :- https://html2canvas.hertzen.com/

GItHub :- https://github.com/niklasvh/html2canvas

Copy the JavaScript CDN :-

<script src="https://cdn.jsdelivr.net/npm/html2canvas/dist/html2canvas.min.js"></script>

Copy The Code :-

<script> 
function doCapture() {     
window.scrollTo(0, 0);     // Convert the div to image(canvas)     html2canvas(document.getElementById("capture")).then(function(canvas) {
// Get the image data as JPEG and 0.9 quality (0.0 - 1.0)         var imgdata = canvas.toDataURL("image/jpeg", 1);         console.log(imgdata); …

canvas cdn code copy data directory document function image image data javascript save