ScreenOrientationAPIを使ったスクリーンの向きの取得と固定 – browser-land

ScreenOrientationAPIを使ったスクリーンの向きの取得と固定

　Screen Orientation API

・現在のスクリーンの向きを判定します。
　Chrome : 「screen.orientation.type」
　Firefox : 「screen.mozOrientation.type」
　IE : 「screen.msOrientation.type」

・返り値はスクリーンの向きを表す文字列となります。
　portrait-primary : 「縦長が正面」とされている端末で「縦長」になっている。
　portrait-secondary : 「横長が正面」とされている端末で「縦長」になっている。
　landscape-primary : 「横長が正面」とされている端末で「横長」になっている。
　landscape-secondary : 「縦長が正面」とされている端末で「横長」になっている。

・JavaScriptサンプルコード

var orientation = screen.orientation || screen.mozOrientation || screen.msOrientation;
if (orientation.type == “portrait-primary”) {}
if (orientation.type == “portrait-secondary”) {}
if (orientation.type == “landscape-primary”) {}
if (orientation.type == “landscape-secondary”) {}

　screen.orientation.lock

・スクリーンの向きをある方向に固定します。※フルスクリーンの状態でのみ可能
　screen.orientation.lock(‘portrait’) : 画面を縦長に固定する
　screen.orientation.lock(‘landscape’) : 画面を横長に固定する

・JavaScriptサンプルコード

if( (document.webkitFullscreenElement && document.webkitFullscreenElement !== null)
　|| (document.mozFullScreenElement && document.mozFullScreenElement !== null)
　|| (document.msFullscreenElement && document.msFullscreenElement !== null)
　|| (document.fullScreenElement && document.fullScreenElement !== null)
) {
　screen.orientation.lock(‘landscape’);
}
Browser-Land

: DATA

: BLOG

All
CSS
HTML5
JavaScript
WordPress

: MAIL


　

　

　

: PRAVACY POLICY

タイトルへ

サウンド設定

スクリーン設定

プレイ
データ
設定
停止
次へ
戻る
戻る
戻る
削除
再配置
戻る
戻る
トップ
メール
ブログ
Twitter
ポリシー
ユニット
武器
サークル
ボックス
コード
キング
ソルジャー
アーチャー
ウィザード
スペーサー
ギア
ホイール
クランク
フレームＡ
フレームＢ
レール
ウォール
ワイヤー
ゴム紐
カップ
大砲
弾倉
ウッド材
アイアン材
透過材
＋5 deg.
－5 deg.
＋45 deg.
－45 deg.
右回転
左回転
動力無し
Turn Right
Turn Left
Neutral
ロード
セーブ
バトル
ロード