Secure contextThis feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
The read-only XRWebGLLayer
property framebufferWidth
specifies the width of the framebuffer, in pixels.
You can get the height of the framebuffer using the framebufferHeight
property.
Syntax
let bufferWidth = xrWebGLLayer.framebufferWidth;
Value
The width in pixels of the XR device's framebuffer. Each of the framebuffer's attachments (pixel, depth, color, and/or stencil buffers, for example) are all this many pixels wide.
Examples
This snippet simply fetches the framebuffer's width and height for later use.
let glLayer = xrSession.renderState.baseLayer;
gl.bindFramebuffer(gl.FRAMEBUFFER, glLayer.framebuffer);
frameWidth = glLayer.framebufferWidth;
frameHeight = glLayer.framebufferHeight;
Specifications
Specification | Status | Comment |
WebXR Device APIThe definition of 'XRWebGLLayer.framebufferWidth' in that specification. | Working Draft | Initial definition. |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
framebufferWidth
|
Chrome
Full support 79 |
Edge
Full support 79 |
Firefox
No support No |
IE
No support No |
Opera
No support No |
Safari
No support No |
WebView Android
No support No |
Chrome Android
Full support 79 |
Firefox Android
No support No |
Opera Android
No support No |
Safari iOS
No support No |
Samsung Internet Android
Full support 11.2 |
Legend
- Full support
- Full support
- No support
- No support
See also
XRWebGLLayer.framebufferWidth by Mozilla Contributors is licensed under CC-BY-SA 2.5.