feat(hiccup-canvas): add fillRule attrib support

thi-ng · Jun 19, 2024 · 9acb563 · 9acb563
1 parent 56992b2
commit 9acb563
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/hiccup-canvas/src/internal/end-shape.ts b/packages/hiccup-canvas/src/internal/end-shape.ts
@@ -8,7 +8,7 @@ export const __endShape = (
 ) => {
 	let v: any;
 	if (doFill && (v = attribs.fill) && v !== "none") {
-		ctx.fill();
+		(v = attribs.fillRule) ? ctx.fill(v) : ctx.fill();
 	}
 	if ((v = attribs.stroke) && v !== "none") {
 		ctx.stroke();

diff --git a/packages/hiccup-canvas/src/internal/state.ts b/packages/hiccup-canvas/src/internal/state.ts
@@ -36,6 +36,7 @@ const CTX_ATTRIBS: IObjectOf<string> = {
 	dashOffset: "lineDashOffset",
 	direction: "direction",
 	fill: "fillStyle",
+	fillRule: "fillRule",
 	filter: "filter",
 	font: "font",
 	lineCap: "lineCap",
@@ -148,6 +149,7 @@ const __setAttrib = (
 			(<any>ctx)[k].call(ctx, val);
 			break;
 		case "clip":
+		case "fillRule":
 			break;
 		default:
 			(<any>ctx)[k] = val;