OffscreenCanvas()

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

OffscreenCanvas() 생성자는 새롭게 초기화된 OffscreenCanvas 객체를 반환합니다.

구문

new OffscreenCanvas(width, height);

이 예시는 OffscreenCanvas() 생성자를 이용해 새로운 offscreen 캔버스를 생성하고, WebGL 컨텍스트의 getContext() 메소드를 사용해 초기화합니다.

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

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

	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 Full support ≤79	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 Full support 10.0

Full support: Full support
Partial support: Partial support
No support: No support
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.