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

The XRCylinderLayer interface of the WebXR Device API is a layer that takes up a curved rectangular space in the virtual environment. Only the front of the layer is visible.

XRCylinderLayer requires the layers feature to be enabled for the XRSession. You can request it in XRSystem.requestSession().

To create a new XRCylinderLayer, call either:

To present layers to the XR device, add them to the layers render state using XRSession.updateRenderState().

EventTarget XRLayer XRCompositionLayer XRCylinderLayer


Inherits properties from its parent, XRCompositionLayer.


A number indicating the ratio of the visible cylinder section. It is the ratio of the width of the visible section of the cylinder divided by its height. The width is calculated by multiplying the radius with the centralAngle.


A number indicating the angle in radians of the visible section of the cylinder.


A number indicating the radius of the cylinder.


An XRSpace representing the layer's spatial relationship with the user's physical environment.


An XRRigidTransform representing the offset and orientation relative to space.


Inherits methods from its parents, XRCompositionLayer and EventTarget.



Sent to the XRCylinderLayer object when the underlying resources of the layer are lost or when the XR Compositor can no longer reproject the layer. If this event is sent, authors should redraw the content of the layer in the next XR animation frame.


No specification found

No specification data found for api.XRCylinderLayer.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Browser compatibility

No compatibility data found for api.XRCylinderLayer.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.

See also