uniapp 通过陀螺仪获取与水平面的夹角度数

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，它允许开发者编写一次代码，然后发布到 iOS、Android、Web（包括微信小程序）等多个平台。在 uni-app 中，可以通过调用设备的原生 API 来访问陀螺仪的数据，从而获取设备与水平面的夹角度数。

要通过陀螺仪获取与水平面的夹角度数，通常需要使用 `uni.onAccelerometerChange` 或者 `uni.onGyroscopeChange` 方法。这些方法可以监听加速度计或者陀螺仪数据的变化。当这些数据发生变化时，相应的回调函数会被触发，开发者可以通过回调函数中的参数来获取当前的倾角数据。

以下是一个简单的示例代码，展示了如何监听陀螺仪数据变化，并获取倾角：

export default {
  methods: {
    // 监听陀螺仪数据变化事件
    watchGyroscope() {
      // 开始监听陀螺仪数据
      uni.onGyroscopeChange((res) => {
        if (res) {
          // res包含了陀螺仪的x、y、z轴数据
          // 其中，x、y、z分别代表了设备绕不同轴旋转的角度
          console.log("陀螺仪数据：", res);

          // 假设我们想要获取设备绕x轴的倾角
          let pitch = Math.atan2(res.y, res.z) * (180 / Math.PI);
          // 假设我们想要获取设备绕y轴的倾角
          let roll = Math.atan2(res.x, res.z) * (180 / Math.PI);

          // pitch和roll分别是绕x轴和y轴的倾角
          console.log("设备绕x轴的倾角：", pitch);
          console.log("设备绕y轴的倾角：", roll);
        }
      });
    }
  },
  onReady() {
    this.watchGyroscope();
  }
};

在这个示例中，我们使用了 `uni.onGyroscopeChange` 方法来监听陀螺仪数据的变化。当陀螺仪数据变化时，我们可以得到一个包含x、y、z轴数据的对象 `res`。通过这些数据，我们使用了 `Math.atan2` 方法来计算设备的倾角。需要注意的是，根据手机的摆放方向，可能需要对x、y、z轴进行适当的转换，以确保计算出的倾角符合实际的物理角度。