add export function

went2 · Jul 10, 2023 · 78f24f5 · 78f24f5
1 parent 59a338d
commit 78f24f5
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Pixel Editor</title>
   </head>

diff --git a/public/favicon.png b/public/favicon.png
diff --git a/src/components/uiControls/bottom/SaveButton.ts b/src/components/uiControls/bottom/SaveButton.ts
@@ -18,7 +18,10 @@ class SaveButton implements UIComponent {
     );
   }
   save() {
-    let canvas = <HTMLCanvasElement>elt("canvas");
+    let canvas = <HTMLCanvasElement>elt("canvas", {
+      width: this.picture.width,
+      height: this.picture.height,
+    });
     drawPicture(this.picture, canvas, 1);
     let link = elt("a", {
       href: canvas.toDataURL(),

diff --git a/src/models/reducer.ts b/src/models/reducer.ts
@@ -25,6 +25,7 @@ export function reducer(state: EditorState, action: ActionObj) {
       doneAt: Date.now(),
     });
   } else if (action.type == "select-color") {
+    // console.log("select color", action);
     const newColor = action.payload!.color;
     return Object.assign({}, state, {
       color: newColor,