OffscreenCanvas (in supporting browsers)
E869119
OffscreenCanvas (in supporting browsers) is a web API that lets you create and render to canvas elements off the main UI thread, improving performance for graphics-intensive or background drawing tasks.
Observed surface forms (2)
| Surface form | Occurrences |
|---|---|
| OffscreenCanvas API | 1 |
| OffscreenCanvas | 0 |
Statements (48)
| Predicate | Object |
|---|---|
| instanceOf |
HTML Canvas API feature
ⓘ
Web API interface ⓘ |
| allows |
parallel processing of drawing operations
ⓘ
rendering without blocking main UI thread ⓘ transfer of control from HTMLCanvasElement ⓘ |
| availableIn | supporting browsers ⓘ |
| benefit |
enables heavy rendering in workers
ⓘ
enables smoother animations ⓘ reduces jank in main thread ⓘ |
| canBeCreatedBy | new OffscreenCanvas(width, height) ⓘ |
| canBeObtainedFrom | HTMLCanvasElement.transferControlToOffscreen() ⓘ |
| canBeUsedIn |
DedicatedWorker
ⓘ
ServiceWorker (with limitations) ⓘ SharedWorker ⓘ Window context ⓘ Worker context ⓘ |
| definedInSpecification |
HTML Living Standard
NERFINISHED
ⓘ
WHATWG HTML specification NERFINISHED ⓘ |
| executionContext | JavaScript NERFINISHED ⓘ |
| hasMethod |
convertToBlob()
ⓘ
getContext() ⓘ transferToImageBitmap() ⓘ |
| hasProperty |
height
ⓘ
oncontextlost ⓘ oncontextrestored ⓘ width ⓘ |
| improves |
UI responsiveness
ⓘ
rendering performance ⓘ |
| introducedTo | enable canvas rendering in Web Workers ⓘ |
| primaryUse |
background drawing tasks
ⓘ
graphics-intensive drawing ⓘ off-main-thread canvas rendering ⓘ |
| relatedTo |
CanvasRenderingContext2D
NERFINISHED
ⓘ
HTMLCanvasElement NERFINISHED ⓘ ImageBitmap ⓘ WebGL2RenderingContext NERFINISHED ⓘ WebGLRenderingContext NERFINISHED ⓘ |
| requires | browser support for OffscreenCanvas interface ⓘ |
| supports |
2D rendering context
ⓘ
ImageBitmapRenderingContext NERFINISHED ⓘ WebGL rendering context ⓘ WebGL2 rendering context ⓘ |
| supportsUseCase |
data visualization
ⓘ
game rendering ⓘ image processing ⓘ offscreen compositing ⓘ video frame processing ⓘ |
| threadModel | multi-threaded via workers ⓘ |
Referenced by (2)
Full triples — surface form annotated when it differs from this entity's canonical label.
subject surface form:
Canvas 2D API
this entity surface form:
OffscreenCanvas API