OffscreenCanvas()

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

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.

let offscreen = new OffscreenCanvas(256, 256);
let gl = offscreen.getContext('webgl');

Specifications

Specification	Status	Comment
HTML Living Standard The definition of 'OffscreenCanvas()' in that specification.	Living Standard

Browser compatibility

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`OffscreenCanvas()` constructor Experimental	Chrome Full support 69	Edge ?	Firefox Partial support 46 Notes Disabled Partial support 46 Notes Disabled Notes See bug 1390089. Disabled From version 46: this feature is behind the `gfx.offscreencanvas.enabled` preference. To change preferences in Firefox, visit about:config.	IE No support No	Opera Full support 56	Safari No support No	WebView Android No support No	Chrome Android Full support 69	Firefox Android Partial support 46 Notes Disabled Partial support 46 Notes Disabled Notes See bug 1390089. Disabled From version 46: this feature is behind the `gfx.offscreencanvas.enabled` preference. To change preferences in Firefox, visit about:config.	Opera Android Full support Yes	Safari iOS No support No	Samsung Internet Android No support No

Legend

Full support: Full support
Partial support: Partial support
No support: No support
Compatibility unknown: Compatibility unknown
Experimental. Expect behavior to change in the future.: Experimental. Expect behavior to change in the future.
See implementation notes.: See implementation notes.
User must explicitly enable this feature.: User must explicitly enable this feature.