encrypt, decrypt を promise

Author: a01sa01to

workspaces/image-encrypt/src/decrypt.ts

@@ -18,13 +18,26 @@ export async function decrypt({
   const rowOffsetPixel = Math.floor((sourceImageInfo.width % COLUMN_SIZE) / 2);
   const rowPixel = Math.floor(sourceImageInfo.height / ROW_SIZE);
 
-  exportCanvasContext.drawImage(sourceImage, 0, 0);
-
-  for (const { from, to } of MAPPING) {
-    const srcX = columnOffsetPixel + from.column * columnPixel;
-    const srcY = rowOffsetPixel + from.row * rowPixel;
-    const destX = columnOffsetPixel + to.column * columnPixel;
-    const destY = rowOffsetPixel + to.row * rowPixel;
-    exportCanvasContext.drawImage(sourceImage, srcX, srcY, columnPixel, rowPixel, destX, destY, columnPixel, rowPixel);
-  }
+  await Promise.all(
+    MAPPING.map(async ({ from, to }) => {
+      await new Promise<void>((resolve) => {
+        const srcX = columnOffsetPixel + from.column * columnPixel;
+        const srcY = rowOffsetPixel + from.row * rowPixel;
+        const destX = columnOffsetPixel + to.column * columnPixel;
+        const destY = rowOffsetPixel + to.row * rowPixel;
+        exportCanvasContext.drawImage(
+          sourceImage,
+          srcX,
+          srcY,
+          columnPixel,
+          rowPixel,
+          destX,
+          destY,
+          columnPixel,
+          rowPixel,
+        );
+        resolve();
+      });
+    }),
+  );
 }

workspaces/image-encrypt/src/encrypt.ts

@@ -18,13 +18,26 @@ export async function encrypt({
   const rowOffsetPixel = Math.floor((sourceImageInfo.width % COLUMN_SIZE) / 2);
   const rowPixel = Math.floor(sourceImageInfo.height / ROW_SIZE);
 
-  exportCanvasContext.drawImage(sourceImage, 0, 0);
-
-  for (const { from, to } of MAPPING) {
-    const srcX = columnOffsetPixel + to.column * columnPixel;
-    const srcY = rowOffsetPixel + to.row * rowPixel;
-    const destX = columnOffsetPixel + from.column * columnPixel;
-    const destY = rowOffsetPixel + from.row * rowPixel;
-    exportCanvasContext.drawImage(sourceImage, srcX, srcY, columnPixel, rowPixel, destX, destY, columnPixel, rowPixel);
-  }
+  await Promise.all(
+    MAPPING.map(async ({ from, to }) => {
+      await new Promise<void>((resolve) => {
+        const srcX = columnOffsetPixel + to.column * columnPixel;
+        const srcY = rowOffsetPixel + to.row * rowPixel;
+        const destX = columnOffsetPixel + from.column * columnPixel;
+        const destY = rowOffsetPixel + from.row * rowPixel;
+        exportCanvasContext.drawImage(
+          sourceImage,
+          srcX,
+          srcY,
+          columnPixel,
+          rowPixel,
+          destX,
+          destY,
+          columnPixel,
+          rowPixel,
+        );
+        resolve();
+      });
+    }),
+  );
 }