Jagathishrex

window.onerror = function(e) {
   console.log("error handled", e);
}
function funcWithError() {
    a; // a is not defined
}
function test() {
    funcWithError();
    console.log("hi"); // this will not be executed
}

Jagathishrex

var svgElement = document.getElementById('svg_element');
let {width, height} = svgElement.getBBox(); 

Jagathishrex

let clonedSvgElement = svgElement.cloneNode(true);
// true for deep clone

Jagathishrex

 let outerHTML = clonedSvgElement.outerHTML,
     blob = new Blob([outerHTML],{type:'image/svg+xml;charset=utf-8'});

Jagathishrex

let URL = window.URL || window.webkitURL || window;
let blobURL = URL.createObjectURL(blob);

Jagathishrex

let image = new Image();
image.onload = () => {
  
   let canvas = document.createElement('canvas');
   
   canvas.widht = width;
   
   canvas.height = height;
   let context = canvas.getContext('2d');
   // draw image in canvas starting left-0 , top - 0  

Jagathishrex

let png = canvas.toDataURL(); // default png
let jpeg = canvas.toDataURL('image/jpg');
let webp = canvas.toDataURL('image/webp');

Jagathishrex

var download = function(href, name){
  var link = document.createElement('a');
  link.download = name;
  link.style.opacity = "0";
  document.append(link);
  link.href = href;
  link.click();
  link.remove();
}
download(png, "image.png");

Jagathishrex

var download = function(href, name){
  var link = document.createElement('a');
  link.download = name;
  link.style.opacity = "0";
  document.append(link);
  link.href = href;
  link.click();
  link.remove();
}
download(png, "image.png");

Jagathishrex

let jpeg = canvas.toDataURL('image/jpg'); // 0.92
let webp = canvas.toDataURL('image/webp', 0.5);