您正位於 MDN Web Docs 的可編輯版本

以 MDN Web Docs 使用者身分檢視: https://developer.mozilla.org/zh-TW/docs/Web/API/Gyroscope

我們的志工尚未將本文翻譯為 正體中文 (繁體) 版本。加入我們,幫忙翻譯!
您也可以閱讀本文的 English (US) 版本。

The Gyroscope interface of the Sensor APIs provides on each reading the angular velocity of the device along all three axes.

To use this sensor, the user must grant permission to the 'gyroscope' device sensor through the Permissions API.

If a feature policy blocks use of a feature it is because your code is inconsistent with the policies set on your server. This is not something that would ever be shown to a user. See Feature-Policy for implementation instructions.

Constructor

Gyroscope.Gyroscope()
Creates a new Gyroscope object.

Properties

Gyroscope.x Read only
Returns a double, containing the angular velocity of the device along the device's x axis.
Gyroscope.y Read only
Returns a double, containing the angular velocity of the device along the device's y axis.
Gyroscope.z Read only
Returns a double, containing the angular velocity of the device along the device's z axis.

Example

The gyroscope is typically read in the Sensor.onreading event callback. In the example below this occurs sixty times a second.

let gyroscope = new Gyroscope({frequency: 60});

gyroscope.addEventListener('reading', e => {
  console.log("Angular velocity along the X-axis " + gyroscope.x);
  console.log("Angular velocity along the Y-axis " + gyroscope.y);
  console.log("Angular velocity along the Z-axis " + gyroscope.z);
});
gyroscope.start();

Specifications

Specification Status Comment
Generic Sensor API Candidate Recommendation Defines sensors in general.
Gyroscope
The definition of 'Gyroscope' in that specification.
Candidate Recommendation Initial definition.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
GyroscopeChrome Full support 67Edge Full support 79Firefox No support NoIE No support NoOpera Full support 54Safari No support NoWebView Android Full support 67Chrome Android Full support 67Firefox Android No support NoOpera Android Full support 48Safari iOS No support NoSamsung Internet Android Full support 9.0
Gyroscope() constructorChrome Full support 67Edge Full support 79Firefox No support NoIE No support NoOpera Full support 54Safari No support NoWebView Android Full support 67Chrome Android Full support 67Firefox Android No support NoOpera Android Full support 48Safari iOS No support NoSamsung Internet Android Full support 9.0
xChrome Full support 67Edge Full support 79Firefox No support NoIE No support NoOpera Full support 54Safari No support NoWebView Android Full support 67Chrome Android Full support 67Firefox Android No support NoOpera Android Full support 48Safari iOS No support NoSamsung Internet Android Full support 9.0
yChrome Full support 67Edge Full support 79Firefox No support NoIE No support NoOpera Full support 54Safari No support NoWebView Android Full support 67Chrome Android Full support 67Firefox Android No support NoOpera Android Full support 48Safari iOS No support NoSamsung Internet Android Full support 9.0
zChrome Full support 67Edge Full support 79Firefox No support NoIE No support NoOpera Full support 54Safari No support NoWebView Android Full support 67Chrome Android Full support 67Firefox Android No support NoOpera Android Full support 48Safari iOS No support NoSamsung Internet Android Full support 9.0

Legend

Full support  
Full support
No support  
No support

文件標籤與貢獻者

此頁面的貢獻者: Wuzzel, mdnwebdocs-bot, HewwoCraziness, jpmedley
最近更新: Wuzzel,