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	Edge Mobile	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`OffscreenCanvas()` constructor Experimental	Chrome Full support 69	Edge ?	Firefox Full support 46 Disabled Full support 46 Disabled 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	Edge Mobile ?	Firefox Android Full support 46 Disabled Full support 46 Disabled 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

Full support: Full 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.
User must explicitly enable this feature.: User must explicitly enable this feature.