You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

download.js 2.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. /**
  2. * WHITEBOPHIR
  3. *********************************************************
  4. * @licstart The following is the entire license notice for the
  5. * JavaScript code in this page.
  6. *
  7. * Copyright (C) 2020 Ophir LOJKINE
  8. *
  9. *
  10. * The JavaScript code in this page is free software: you can
  11. * redistribute it and/or modify it under the terms of the GNU
  12. * General Public License (GNU GPL) as published by the Free Software
  13. * Foundation, either version 3 of the License, or (at your option)
  14. * any later version. The code is distributed WITHOUT ANY WARRANTY;
  15. * without even the implied warranty of MERCHANTABILITY or FITNESS
  16. * FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
  17. *
  18. * As additional permission under GNU GPL version 3 section 7, you
  19. * may distribute non-source (e.g., minimized or compacted) forms of
  20. * that code without the copy of the GNU GPL normally required by
  21. * section 4, provided you include this license notice and a URL
  22. * through which recipients can access the Corresponding Source.
  23. *
  24. * @licend
  25. */
  26. (function download() { //Code isolation
  27. var canvas = document.getElementById('canvas');
  28. function downloadFile(evt) {
  29. var styleNode = document.createElement("style");
  30. styleNode.innerHTML = "rect, ellipse { fill:none; } path, line {fill: none;stroke-linecap: round; stroke-linejoin: round;}";
  31. canvas.appendChild(styleNode);
  32. var element = document.createElement('a');
  33. element.setAttribute('href', 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(canvas.outerHTML));
  34. element.setAttribute('download', "file.svg");
  35. element.style.display = 'none';
  36. document.body.appendChild(element);
  37. element.click();
  38. document.body.removeChild(element);
  39. canvas.removeChild(styleNode);
  40. }
  41. Tools.add({ //The new tool
  42. "name": "Download",
  43. "shortcut": "d",
  44. "listeners": {},
  45. "icon": "tools/download/download.svg",
  46. "oneTouch": true,
  47. "onstart": downloadFile,
  48. "mouseCursor": "crosshair",
  49. });
  50. })(); //End of code isolation