Download Html AS image png html2canvas

DownloadHtmlAsImage.js

/* Test on Firefox 64.0
 * See https://html2canvas.hertzen.com/
 * https://github.com/niklasvh/html2canvas/
 *
 * Usage: 
 * Open a page
 * Open developer console (F12)
 * Paste the script below
 * Click save image.
 * 
 * Known issues: 
 * error messages appear on the console
 * loading CSS, JS and fonts again before prompt for save (maybe caused by <a/> element clicking - need to investigate)
 */

var s1 = document.createElement('script');

s1.src = 'https://github.com/niklasvh/html2canvas/releases/download/v1.0.0-alpha.12/html2canvas.js';

document.body.appendChild(s1);

// Define the container to save as image
var targetContainer = $("#ilContentContainer").get(0);

// Special case for a page
$("#ilContentContainer input[disabled]").each((i,el) => {el.disabled = false; console.log('log')})

var imageName = $(".ilc_PageTitle").text() + ".png";
s1.onload = function () {
  html2canvas(targetContainer).then((canvas) => {
	  var url = canvas.toDataURL();
	  $("<a>", {
		href: url,
		download: imageName
	  })
	  .on("click", function() {$(this).remove()})
	  .appendTo("body")[0].click()
	})
}