feat(hiccup-canvas): add support for __clear ctrl attrib

thi-ng · Apr 3, 2023 · 2f3de82 · 2f3de82
1 parent 404eacb
commit 2f3de82
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/packages/hiccup-canvas/src/internal/state.ts b/packages/hiccup-canvas/src/internal/state.ts
@@ -79,11 +79,16 @@ export const __mergeState = (
 				res.edits!.push(id);
 				setAttrib(ctx, state, id, k, v);
 			}
-		} else if (id === "__background") {
+		} else if (id === "__background" || id === "__clear") {
 			ctx.save();
 			ctx.resetTransform();
-			ctx.fillStyle = resolveGradientOrColor(state, attribs[id]);
-			ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
+			if (id === "__clear") {
+				attribs[id] &&
+					ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
+			} else {
+				ctx.fillStyle = resolveGradientOrColor(state, attribs[id]);
+				ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
+			}
 			ctx.restore();
 		}
 	}