Add CanvasRenderingContext2D#font getter

TooTallNate · Nov 9, 2023 · e81ae48 · e81ae48
1 parent cd8557b
commit e81ae48
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/.changeset/breezy-brooms-rest.md b/.changeset/breezy-brooms-rest.md
@@ -0,0 +1,5 @@
+---
+'nxjs-runtime': patch
+---
+
+Add `CanvasRenderingContext2D#font` getter
diff --git a/packages/runtime/src/canvas.ts b/packages/runtime/src/canvas.ts
@@ -47,6 +47,7 @@ interface CanvasRenderingContext2DInternal {
 	fillStyle: RGBA;
 	strokeStyle: RGBA;
 	currentStyle?: RGBA;
+	font: string;
 }
 
 const ctxInternalMap = new WeakMap<
@@ -86,6 +87,7 @@ export class CanvasRenderingContext2D {
 			ctx: Switch.native.canvasNewContext(w, h),
 			strokeStyle: [0, 0, 0, 1],
 			fillStyle: [0, 0, 0, 1],
+			font: ''
 		});
 		this.font = '10px system-ui';
 
@@ -644,12 +646,14 @@ export class CanvasRenderingContext2D {
 	}
 
 	get font(): string {
-		// TODO: implement
-		return '';
+		return internal(this).font;
 	}
 
 	set font(v: string) {
 		if (!v) return;
+		const i = internal(this);
+		if (i.font === v) return;
+
 		const parsed = parseCssFont(v);
 		if ('system' in parsed) {
 			// "system" fonts are not supported
@@ -677,8 +681,9 @@ export class CanvasRenderingContext2D {
 				return;
 			}
 		}
+		i.font = v;
 		native.canvasSetFont(
-			internal(this).ctx,
+			i.ctx,
 			fontFaceInternal.get(font)!.fontFace,
 			px
 		);