OffscreenCanvas()

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

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

 

구문

new OffscreenCanvas(width, height);

매개 변수

width
offscreen 캔버스의 너비
height
offscreen 캔버스의 높이

예시

이 예시는 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  

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
OffscreenCanvas() constructor
Experimental
Chrome Full support 69Edge ? 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 NoOpera Full support 56Safari No support NoWebView Android No support NoChrome Android Full support 69Firefox 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 YesSafari iOS No support NoSamsung 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.

더 보기