XRWebGLLayer: antialias property

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

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

The read-only XRWebGLLayer property antialias is a Boolean value which is true if the rendering layer's frame buffer supports anti-aliasing. Otherwise, this property's value is false. The specific anti-aliasing technique used is left to the user agent's discretion and cannot be specified by the website or web app.




A Boolean value which is true if the WebGL rendering layer's frame buffer is configured to support anti-aliasing. Otherwise, this property is false.

When the WebXR compositor is enabled, this value corresponds to the value of the antialias property on the object returned by the WebGL context's getContentAttributes() method.

Usage notes

Since this is a read-only property, you can set the anti-aliasing mode only when initially creating the XRWebGLLayer, by specifying the antialias property in the XRWebGLLayer() constructor's options configuration object.


This snippet checks the value of antialias to see if it should perform additional work to attempt to compensate for the lack of anti-aliasing on the WebGL layer.

let glLayer = xrSession.renderState.baseLayer;
gl.bindFrameBuffer(gl.FRAMEBUFFER, glLayer.framebuffer);

/* .. */

if (!glLayer.antialias) {
  /* compensate for lack of anti-aliasing */


WebXR Device API
# dom-xrwebgllayer-antialias

Browser compatibility

BCD tables only load in the browser

See also