1 files changed, 57 insertions, 0 deletions
diff --git a/packages/webapi/src/lib/HTMLCanvasElement.ts b/packages/webapi/src/lib/HTMLCanvasElement.ts
new file mode 100644
index 000000000..2558490a4
--- /dev/null
+++ b/packages/webapi/src/lib/HTMLCanvasElement.ts
@@ -0,0 +1,57 @@
+import type { CanvasRenderingContext2D } from './CanvasRenderingContext2D'
+
+import * as _ from './utils'
+import { __createCanvasRenderingContext2D } from './CanvasRenderingContext2D'
+
+export class HTMLCanvasElement extends HTMLElement {
+	get height(): number {
+		return _.internalsOf(this, 'HTMLCanvasElement', 'height').height
+	}
+
+	set height(value) {
+		_.internalsOf(this, 'HTMLCanvasElement', 'height').height = Number(value) || 0
+	}
+
+	get width(): number {
+		return _.internalsOf(this, 'HTMLCanvasElement', 'width').width
+	}
+
+	set width(value) {
+		_.internalsOf(this, 'HTMLCanvasElement', 'width').width = Number(value) || 0
+	}
+
+	captureStream(): null {
+		return null
+	}
+
+	getContext(contextType: PredefinedContextId): CanvasRenderingContext2D | null {
+		const internals = _.internalsOf<HTMLCanvasElementInternals>(this, 'HTMLCanvasElement', 'getContext')
+
+		switch (contextType) {
+			case '2d':
+				if (internals.renderingContext2D) return internals.renderingContext2D
+
+				internals.renderingContext2D = __createCanvasRenderingContext2D(this)
+
+				return internals.renderingContext2D
+			default:
+				return null
+		}
+	}
+
+	toBlob() {}
+
+	toDataURL() {}
+
+	transferControlToOffscreen() {}
+}
+
+_.allowStringTag(HTMLCanvasElement)
+
+interface HTMLCanvasElementInternals {
+	width: number
+	height: number
+	renderingContext2D: CanvasRenderingContext2D
+}
+
+type PredefinedContextId = '2d' | 'bitmaprenderer' | 'webgl' | 'webgl2' | 'webgpu'