fix: mask canvas size

2023-11-13 15:15:11 +08:00
parent 5ab3c62a2f
commit 2b76964b59
1 changed files with 11 additions and 9 deletions
@@ -240,13 +240,16 @@ export function LayerEditor() {
          }
        },
      }),
-      canvas({
-        class:
-          "pointer-events-none fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 opacity-80",
-        id: "mask-canvas",
-      }),
-      () => {
-        return div(
+      () =>
+        canvas({
+          class:
+            "pointer-events-none fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 opacity-80",
+          style: () =>
+            `width: ${imageContainerSize.val.width}px; height: ${imageContainerSize.val.height}px;`,
+          id: "mask-canvas",
+        }),
+      () =>
+        div(
          {
            class: "absolute w-full h-full pointer-events-none",
            style: () =>
@@ -274,8 +277,7 @@ export function LayerEditor() {
              },
            });
          })
-        );
-      }
+        )
    ),
    SideBar()
  );