Download generated image files automatically

(instead of having them open in a new tab)

1 files changed, 4 insertions, 4 deletions

diff --git a/src/components/app/map/MapStageComponent.js b/src/components/app/map/MapStageComponent.js
index cd6e5e1b..c5b31e0f 100644
--- a/src/components/app/map/MapStageComponent.js
+++ b/src/components/app/map/MapStageComponent.js
@@ -30,10 +30,10 @@ class MapStageComponent extends React.Component {
         window.addEventListener("wheel", this.updateScale);
 
         window["exportCanvasToImage"] = () => {
-            const canvasData = this.stage.getStage().toDataURL();
-            const newWindow = window.open("");
-            newWindow.document.write("<img src='" + canvasData + "' alt='Canvas Image Export'/>");
-            newWindow.document.title = "OpenDC Canvas Export";
+            const download = document.createElement("a");
+            download.href = this.stage.getStage().toDataURL();
+            download.download = "opendc-canvas-export-" + Date.now() + ".png";
+            download.click();
         }
     }