summaryrefslogtreecommitdiff
path: root/packages/webapi/src/lib/HTMLCanvasElement.ts
blob: a38471498f90d6fd638e517f12fd0d2d0d343115 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
import type { CanvasRenderingContext2D } from './CanvasRenderingContext2D'

import { __createCanvasRenderingContext2D } from './CanvasRenderingContext2D'
import * as _ from './utils'

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'