The read-only XRViewport interface's y property indicates the offset from the bottom edge of the destination surface (typically a XRWebGLLayer to the bottom edge of the viewport within the surface into which WebXR content is to be rendered. The viewport's x property identifies the x component of the origin, and its is given by the width and height properties.


y = xrViewport.y;


The offset from the bottom edge of the rendering surface to the bottom edge of the viewport, in pixels.

Note: Although other web APIs typically consider the y axis to begin at the top and grow larger progressing downward, WebGL reverses this, with y growing larger as it goes upward on the screen.


See the main XRViewport page for examples.


WebXR Device API
# dom-xrviewport-y

Browser compatibility

BCD tables only load in the browser