feat: download canvas image

1 files changed, 15 insertions, 0 deletions

diff --git a/main.js b/main.js
index 95c0558..6953ee5 100644
--- a/main.js
+++ b/main.js
@@ -6,6 +6,10 @@ document.addEventListener("DOMContentLoaded", function () {
   document.getElementById("take-picture").addEventListener("click", take_picture);
   document.getElementById("upload-image").addEventListener("change", upload_image)
 
+  
+  document.getElementById("save").addEventListener("click", save_image)
+  document.getElementById("share").addEventListener("click", share_image)
+
   canvas = document.getElementById("myCanvas");
   imports = document.getElementById("imports");
 })
@@ -31,4 +35,15 @@ function upload_image(event) {
   }
 }
 
+function save_image() {
+  const dataUrl = canvas.toDataURL("image/png");
+  // downloading only works with links but not window.open
+  const link = document.createElement('a');
+  link.href = dataUrl;
+  link.download = 'imagine.png';
+  link.click();
+}
+
+function share_image() {
 
+}