mozilla

リビジョンの比較

MozOrientation

Change Revisions

リビジョン 372139:

リビジョン 372139 (編集者: ethertank / 編集日時: )

リビジョン 372513:

リビジョン 372513 (編集者: ethertank / 編集日時: )

タイトル:
MozOrientation
MozOrientation
URL スラグ:
DOM/Mozilla_event_reference/MozOrientation
DOM/Mozilla_event_reference/MozOrientation
タグ:
"要更新"
"要更新", "Orientation", "Gecko DOM Reference", "DOM"
内容:

リビジョン 372139
リビジョン 372513
n8      {{DomRef}}{{gecko_minversion_header("1.9.2")}}n8      {{DomRef}}{{gecko_minversion_header("1.9.2")}}{{obsolete_he
 >ader("6.0")}}
9    </div>
10    <div class="warning">
11      <strong>Warning:</strong> This experimental API was removed
 > in Gecko 6.0 {{geckoRelease("6.0")}}, when support for the stand
 >ard {{domxref("DeviceOrientationEvent")}} was implemented. You sh
 >ould use that API instead.
12    </div>
13    <h2 id="Summary" name="Summary">
14      概要
15    </h2>
16    <p>
17      ウィンドウ上での <code>MozOrientation</code> イベント。
18    </p>
19    <div class="note">
20      <strong>注記:</strong> This below describes how these values 
 >worked for the now obsolete MozOrientation.&nbsp;
n11      {{ 英語版章題("Summary") }}n23      The X axis represents the amount of right-to-left tilt. Thi
 >s value is 0 if the device is level along the X axis, and approac
 >hes 1 as the device is tilted toward the left, and -1 as the devi
 >ce is tilted toward the right.
12    </p>
13    <h3 id="Summary" name="Summary">
14      概要
15    </h3>
16    <p>
17      ウィンドウ上で<span style="font-family: monospace;">の</span> <code
>>MozOrientation イベント</code>。 
n20      {{ 英語版章題("Example") }}n26      The Y&nbsp;axis represents the amount of front-to-back tilt
 >. The value is 0 if the device is level along the Y&nbsp;axis, an
 >d approaches 1 as you tilt the device backward (away from you) an
 >d -1 as you tilt the device frontward (toward you).
nn28    <p>
29      The Z axis represents acceleration vertically. The value is
 >&nbsp;<code>-1</code>&nbsp;when the device is undergoing standard
 > Earth gravity (9.8m/sec<sup>2</sup>) but not moving. Moving the 
 >device upward causes the value to increase. The value is <code>0<
 >/code> if the device is being thrust upward. In free fall (weight
 >less or falling as a result of a drop), the value remains&nbsp;<c
 >ode>-1</code>.
30    </p>
31    <p>
32      In weightlessness, all values would be zero when the device
 > is not moving, regardless of orientation, and would only change 
 >when being accelerated.
33    </p>
34    <p>
35      In Firefox versions 3.6, 4, and 5 Gecko utilized <code>MozO
 >rientation</code> which was also built to support orientation dat
 >a but with different APIs from the specified <code>DeviceOrientat
 >ionEvent</code>.
36    </p>
37    <p>
38      To normalize between the two you can do something like this
 >:
39    </p>
40    <pre class="brush:js">
41function orientationhandler(evt) {
42  
43  // For FF3.6+
44  if (!evt.gamma &amp;&amp; !evt.beta) {
45    evt.gamma = -(evt.x * (180 / Math.PI));
46    evt.beta = -(evt.y * (180 / Math.PI));
47  }
48  
49  // use evt.gamma, evt.beta, and evt.alpha 
50  // according to dev.w3.org/geo/api/spec-source-orientation
51 
52}
53 
54window.addEventListener('deviceorientation', orientationhandler, 
 >false);
55window.addEventListener('MozOrientation',    orientationhandler, 
 >false);
56</pre>
22    <h3 id="Example" name="Example">57    <h2 id="Example" name="Example">
n24    </h3>n59    </h2>
25    <pre>60    <pre class="brush:js">
n31    <pre class="brush: html">n66    <pre class="brush:html">
32&lt;!doctype html&gt;67&lt;!DOCTYPE html&gt;
n64    <p>n
65      {{ 英語版章題("Notes") }}
66    </p>
67    <h3 id="Notes" name="Notes">99    <h2 id="Notes" name="Notes">
n69    </h3>n101    </h2>
nn105    <h2 id="Specification" name="Specification">
106      仕様
107    </h2>
n74      {{ 英語版章題("Specification") }}n109      どの仕様書にも含まれません。
n76    <h3 id="Specification" name="Specification">n111    <h2 id="See_also" name="See_also">
77      仕様112      関連情報
78    </h3>113    </h2>
79    <p>
80      どの仕様の一部でもありません。
81    </p>
82    <p>
83      {{ 英語版章題("See also") }}
84    </p>
85    <h3 id=".E5.8F.82.E7.85.A7">
86      参照
87    </h3>
n90        <a href="/ja/Detecting_device_orientation" title="ja/Deten116        <a href="/ja/docs/Detecting_device_orientation" title="De
>cting device orientation">デバイスの傾きの検出</a>>tecting device orientation">デバイスの傾きの検出</a>
n92      <li>{{ interface("nsIDOMOrientationEvent") }}n118      <li>{{interface("nsIDOMOrientationEvent")}}
n94      <li>{{ interface("nsIAcceleration") }}n120      <li>{{interface("nsIAcceleration")}}
n96      <li>{{ interface("nsIAccelerationListener") }}n122      <li>{{interface("nsIAccelerationListener")}}
t98      <li>{{ interface("nsIAccelerometer") }}t124      <li>{{interface("nsIAccelerometer")}}

前に戻る