資訊專欄INFORMATION COLUMN
摘要：檢測支持寫在這里對不起，您的瀏覽器還不支持使用以設(shè)備坐標(biāo)系軸為軸，旋轉(zhuǎn)度。的作用域?yàn)橐栽O(shè)備坐標(biāo)系軸為軸，旋轉(zhuǎn)度。的作用域?yàn)樵O(shè)備沿軸逆時(shí)針旋轉(zhuǎn)，值增加設(shè)備沿軸順時(shí)針旋轉(zhuǎn)，值增加設(shè)備沿軸逆時(shí)針旋轉(zhuǎn)，值增加注意手機(jī)軸和電腦軸方向相反
檢測
if (window.DeviceOrientationEvent) {
// 支持DeviceOrientation API寫在這里
} else {
console.log("對不起，您的瀏覽器還不支持Device Orientation!!!");
}
使用
window.addEventListener("deviceorientation", function(event) {
// 以設(shè)備坐標(biāo)系z軸為軸，旋轉(zhuǎn)alpha度。alpha的作用域?yàn)?0, 360)
// 以設(shè)備坐標(biāo)系x軸為軸，旋轉(zhuǎn)beta度。beta的作用域?yàn)?-180, 180)
// 已設(shè)備坐標(biāo)系y軸為軸，旋轉(zhuǎn)gamma度。gamma的作用域?yàn)?-90, 90)
console.log(event.alpha + " : " + event.beta + " : " + event.gamma);
});
設(shè)備沿Z軸逆時(shí)針旋轉(zhuǎn)，Alpha(α)值增加
設(shè)備沿X軸順時(shí)針旋轉(zhuǎn)，Beta(β)值增加
設(shè)備沿Y軸逆時(shí)針旋轉(zhuǎn)，Gamma(γ)值增加
注意
手機(jī)Y軸和電腦Y軸方向相反
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/92355.html
摘要：剛剛過去的一年里基于微信的營銷可謂是十分火爆，通過轉(zhuǎn)發(fā)朋友圈帶來的病毒式傳播效果相信大家都不太陌生吧，剛好最近農(nóng)歷新年將至，我就拿一個(gè)搖簽的小例子來談一談中如何調(diào)用手機(jī)重力感應(yīng)的接口演示搖一搖，萬福簽什么是重力感應(yīng)說到重力感應(yīng)有一個(gè)東西不得 剛剛過去的一年里基于微信的H5營銷可謂是十分火爆，通過轉(zhuǎn)發(fā)朋友圈帶來的病毒式傳播效果相信大家都不太陌生吧，剛好最近農(nóng)歷新年將至，我就拿一個(gè)搖簽的小...
摘要：剛剛過去的一年里基于微信的營銷可謂是十分火爆，通過轉(zhuǎn)發(fā)朋友圈帶來的病毒式傳播效果相信大家都不太陌生吧，剛好最近農(nóng)歷新年將至，我就拿一個(gè)搖簽的小例子來談一談中如何調(diào)用手機(jī)重力感應(yīng)的接口演示搖一搖，萬福簽什么是重力感應(yīng)說到重力感應(yīng)有一個(gè)東西不得 剛剛過去的一年里基于微信的H5營銷可謂是十分火爆，通過轉(zhuǎn)發(fā)朋友圈帶來的病毒式傳播效果相信大家都不太陌生吧，剛好最近農(nóng)歷新年將至，我就拿一個(gè)搖簽的小...
摘要：它描述的是設(shè)備由前向后旋轉(zhuǎn)的情況。表示設(shè)備沿軸上的旋轉(zhuǎn)角度，范圍為度。完整的代碼大概是這樣慶祝時(shí)刻現(xiàn)在我們已經(jīng)完成了，一個(gè)利用移動設(shè)備陀螺儀與實(shí)現(xiàn)的交互效果。 原文鏈接：航洋 blog 「移動設(shè)備陀螺儀」與「preserve-3d」碰撞的火花 涉及知識「CSS：transform、JS：deviceorientation」 廢話不多，先上 DEMO「請使用移動設(shè)備查看」 如何搭建一個(gè)簡...
閱讀 2634·2021-11-15 11:38
閱讀 2645·2021-11-04 16:13
閱讀 18198·2021-09-22 15:07
閱讀 1062·2019-08-30 15:55
閱讀 3288·2019-08-30 14:15
閱讀 1698·2019-08-29 13:59
閱讀 3252·2019-08-28 18:28
閱讀 1612·2019-08-23 18:29
