bluehouse

bluehouse.js

function toBlob(canvas) {
  return new Promise((resolve, reject) => {
    if (canvas.toBlob) {
      canvas.toBlob(blob => resolve(blob));
    }
    else if (canvas.msToBlob) {
      resolve(canvas.msToBlob());
    }
  });
}

(() => {
  const passcanvas = document.getElementById("passcanvas");
  const section = document.getElementsByTagName("section")[0];
  const img = new Image();
  img.margin = "1em";
  img.style.width = "calc(100% - 1.25em)";
  
  section.insertBefore(img, passcanvas);
  passcanvas.remove();
  
  toBlob(passcanvas).then(blob => {
    img.src = URL.createObjectURL(blob, { oneTimeOnly: true });
  });
})();