☰

Dom image downloader

download dom node as image.

  1. // ==UserScript==
  2. // @name         Dom image downloader
  3. // @namespace    http://sharlock.me/
  4. // @version      0.1.1
  5. // @description  download dom node as image.
  6. // @author       74Sharlock
  7. // @match        *
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.     let s = document.createElement('script');
  14.     s.src= '//cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js'
  15.     document.body.appendChild(s);
  16.     window.downloadNode = async function(node, name){
  17.         node = typeof node === 'string' ? document.querySelector(node) : node;
  18.         let canvas = await html2canvas(node);
  19.         canvas.toBlob(function(blob){
  20.             let a = document.createElement('a');
  21.             a.href = URL.createObjectURL(blob);
  22.             a.download = name || 'node.png';
  23.             a.click();
  24.         })
  25.     };
  26. })();