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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
|
import type { CanvasRenderingContext2D } from './CanvasRenderingContext2D'
import { __createCanvasRenderingContext2D } from './CanvasRenderingContext2D'
import * as _ from './utils'
export class OffscreenCanvas extends EventTarget {
constructor(width: number, height: number) {
super()
if (arguments.length < 2)
throw new TypeError(
`Failed to construct 'OffscreenCanvas': 2 arguments required.`
)
width = Number(width) || 0
height = Number(height) || 0
_.INTERNALS.set(this, { width, height } as OffscreenCanvasInternals)
}
get height(): number {
return _.internalsOf(this, 'OffscreenCanvas', 'height').height
}
set height(value) {
_.internalsOf(this, 'OffscreenCanvas', 'height').height = Number(value) || 0
}
get width(): number {
return _.internalsOf(this, 'OffscreenCanvas', 'width').width
}
set width(value) {
_.internalsOf(this, 'OffscreenCanvas', 'width').width = Number(value) || 0
}
getContext(
contextType: PredefinedContextId
): CanvasRenderingContext2D | null {
const internals = _.internalsOf<OffscreenCanvasInternals>(
this,
'HTMLCanvasElement',
'getContext'
)
switch (contextType) {
case '2d':
if (internals.renderingContext2D) return internals.renderingContext2D
internals.renderingContext2D = __createCanvasRenderingContext2D(this)
return internals.renderingContext2D
default:
return null
}
}
convertToBlob(options: Partial<ConvertToBlobOptions>) {
options = Object(options)
const quality = Number(options.quality) || 0
const type = getImageType(String(options.type).trim().toLowerCase())
void quality
return Promise.resolve(new Blob([], { type }))
}
}
_.allowStringTag(OffscreenCanvas)
const getImageType = (type: string): PredefinedImageType =>
type === 'image/avif' ||
type === 'image/jpeg' ||
type === 'image/png' ||
type === 'image/webp'
? type
: 'image/png'
interface OffscreenCanvasInternals {
height: number
renderingContext2D: CanvasRenderingContext2D
width: number
}
interface ConvertToBlobOptions {
quality: number
type: PredefinedImageType
}
type PredefinedContextId =
| '2d'
| 'bitmaprenderer'
| 'webgl'
| 'webgl2'
| 'webgpu'
type PredefinedImageType =
| 'image/avif'
| 'image/jpeg'
| 'image/png'
| 'image/webp'
|
