W3cubDocs

/Web APIs

XRHitTestResult: createAnchor() method

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

The createAnchor() method of the XRHitTestResult interface creates an XRAnchor from a hit test result that is attached to a real-world object.

Syntax

js

createAnchor()

Parameters

None.

Return value

A Promise resolving with an XRAnchor object.

Examples

Creating an anchor from a hit test result

The following example starts with an XRHitTestResult retrieved by calling XRFrame.getHitTestResults(). After calling createAnchor(), the Promise resolves with an XRAnchor to attach a virtual object to that location.

js

hitTestResult.createAnchor().then(
  (anchor) => {
    // add anchored objects to the scene
  },
  (error) => {
    console.error(`Could not create anchor: ${error}`);
  },
);

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
createAnchor 85 85 No No 71 No No 85 No 60 No 14.0

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/XRHitTestResult/createAnchor