screenshot button

parameterized · Aug 30, 2024 · 8438cb4 · 8438cb4
1 parent b128415
commit 8438cb4
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -73,7 +73,7 @@
         state.pause = !state.pause
     },
     step,
-    save: () => {
+    "save as html": () => {
         const sauceWithState = sauce.replace(
             /(?<=const state = ).*/,
             `JSON.parse('${JSON.stringify(state)}')`
@@ -84,6 +84,16 @@
         a.setAttribute("download", `${state.guiParams.filename}.html`)
         a.click()
     },
+    "save as png": () => {
+        const screenshotData = canvas.elt.toDataURL("image/png").replace(
+            "image/png",
+            "image/octet-stream"
+        )
+        const a = document.createElement("a")
+        a.setAttribute("href", screenshotData)
+        a.setAttribute("download", `${state.guiParams.filename}.png`)
+        a.click()
+    }
 }
 
 const gui = new lil.GUI()