OffscreenCanvas: OffscreenCanvas() constructor

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.

See full compatibility

Note: This feature is available in Web Workers.

The OffscreenCanvas() constructor returns a newly instantiated OffscreenCanvas object.

Syntax

new OffscreenCanvas(width, height)

Parameters

width: The width of the offscreen canvas.
height: The height of the offscreen canvas.

Examples

This example creates a new offscreen canvas using the OffscreenCanvas() constructor. We then initialize a WebGL context on it using the getContext() method.

const offscreen = new OffscreenCanvas(256, 256);
const gl = offscreen.getContext("webgl");

Specifications

Specification
HTML # dom-offscreencanvas-dev

Browser compatibility

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`OffscreenCanvas()` constructor	Chrome – Full support Chrome 69 (Release date: 2018-09-04) footnote Full support	Edge – Full support Edge 79 (Release date: 2020-01-15) footnote Full support	Firefox – Full support Firefox 105 (Release date: 2022-09-20) footnote Full support	Opera – Full support Opera 56 (Release date: 2018-09-25) footnote Full support	Safari – Full support Safari 16.4 (Release date: 2023-03-27) footnote Full support	Chrome Android – Full support Chrome Android 69 (Release date: 2018-09-04) footnote Full support	Firefox for Android – Full support Firefox for Android 105 (Release date: 2022-09-20) footnote Full support	Opera Android – Full support Opera Android 48 (Release date: 2018-11-08) footnote Full support	Safari on iOS – Full support Safari on iOS 16.4 (Release date: 2023-03-27) footnote Full support	Samsung Internet – Full support Samsung Internet 10 (Release date: 2019-08-22) footnote Full support	WebView Android – Full support WebView Android 69 (Release date: 2018-09-04) footnote Full support	WebView on iOS – Full support WebView on iOS 16.4 (Release date: 2023-03-27) footnote Full support

Tip: you can click/tap on a cell for more information.

Full support: Full support