Offscreen canvasBaseline · Widely available
The OffscreenCanvas API provides a canvas that can be drawn to off screen, with no dependencies on the DOM, which can be used to run heavy rendering operations inside a worker context.
Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Mar 27, 2023. Widely available since Sep 27, 2025.
Browser support
DesktopChrome
1–68Not supported
69+Supportedsince Sep 4, 2018
Current: 155Edge
12–18Not supported
79+Supportedsince Jan 15, 2020
Current: 154Firefox
1–104Not supported
105+Supportedsince Sep 20, 2022
Current: 157Safari
1–16.3Not supported
16.4+Supportedsince Mar 27, 2023
Current: 27MobileChrome Android
18–68Not supported
69+Supportedsince Sep 4, 2018
Current: 155Firefox Android
4–104Not supported
105+Supportedsince Sep 20, 2022
Current: 157Safari iOS
1–16.3Not supported
16.4+Supportedsince Mar 27, 2023
Current: 27How to use
This feature is Baseline widely available — use it freely, no fallback needed.
Example
Full syntax and examples are on MDN: transferControlToOffscreen.
Feature detection
JS · check before using
if ("OffscreenCanvas" in globalThis) {
// OffscreenCanvas is available
} else {
// load a polyfill or use a fallback
}Sub-features
Support for each part of the feature (80). The overall table above shows when the whole feature works.
| Sub-feature | Chrome | Edge | Firefox | Safari | Chrome Android | Firefox Android | Safari iOS |
|---|---|---|---|---|---|---|---|
| HTMLCanvasElement.transferControlToOffscreen | 69 | 79 | 105 | 16.4 | 69 | 105 | 16.4 |
| OffscreenCanvas | 69 | 79 | 105 | 16.4 | 69 | 105 | 16.4 |
| OffscreenCanvas.OffscreenCanvas | 69 | 79 | 105 | 16.4 | 69 | 105 | 16.4 |
| OffscreenCanvas.convertToBlob | 69 | 79 | 105 | 16.4 | 69 | 105 | 16.4 |
| OffscreenCanvas.convertToBlob.option_type_parameter_webp | 69 | 79 | 105 | ✕ | 69 | 105 | ✕ |
| OffscreenCanvas.getContext | 69 | 79 | 105 | 16.4 | 69 | 105 | 16.4 |
| OffscreenCanvas.getContext.2d_context | 69 | 79 | 105 | 16.4 | 69 | 105 | 16.4 |
| OffscreenCanvas.getContext.bitmaprenderer_context | 76 | 79 | 105 | 16.4 | 76 | 105 | 16.4 |
| OffscreenCanvas.getContext.webgl2_context | 69 | 79 | 105 | 17 | 69 | 105 | 17 |
| OffscreenCanvas.getContext.webgl_context | 69 | 79 | 105 | 17 | 69 | 105 | 17 |
| OffscreenCanvas.height | 69 | 79 | 105 | 16.4 | 69 | 105 | 16.4 |
| OffscreenCanvas.transferToImageBitmap | 69 | 79 | 105 | 16.4 | 69 | 105 | 16.4 |
| OffscreenCanvas.width | 69 | 79 | 105 | 16.4 | 69 | 105 | 16.4 |
| OffscreenCanvasRenderingContext2D | 69 | 79 | 105 | 16.4 | 69 | 105 | 16.4 |
| OffscreenCanvasRenderingContext2D.arc | 69 | 79 | 105 | 16.4 | 69 | 105 | 16.4 |
| OffscreenCanvasRenderingContext2D.arcTo | 69 | 79 | 105 | 16.4 | 69 | 105 | 16.4 |
| OffscreenCanvasRenderingContext2D.beginPath | 69 | 79 | 105 | 16.4 | 69 | 105 | 16.4 |
| OffscreenCanvasRenderingContext2D.bezierCurveTo | 69 | 79 | 105 | 16.4 | 69 | 105 | 16.4 |
| OffscreenCanvasRenderingContext2D.canvas | 69 | 79 | 105 | 16.4 | 69 | 105 | 16.4 |
| OffscreenCanvasRenderingContext2D.clearRect | 69 | 79 | 105 | 16.4 | 69 | 105 | 16.4 |