Render bounding box in dev-mode when nocrop is enabled

zk-phi · Sep 25, 2024 · f68d58e · f68d58e
1 parent 990202d
commit f68d58e
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/utils/emoji.ts b/src/utils/emoji.ts
@@ -72,8 +72,13 @@ function renderFrameUncut(
   }
 
   if (noCrop) {
-    // copy webgl canvas with background to a 2d canvas
-    return cropCanvas(canvas, 0, 0, targetWidth * 2, targetHeight * 2, fillStyle);
+    // copy webgl canvas to a 2d canvas, with background
+    const result = cropCanvas(canvas, 0, 0, targetWidth * 2, targetHeight * 2, fillStyle);
+    const ctx = result.getContext("2d")!;
+    ctx.rect(targetWidth / 2, targetHeight / 2, targetWidth, targetHeight);
+    ctx.strokeStyle = "#8888";
+    ctx.stroke();
+    return result;
   } else {
     return cropCanvas(
       canvas,