aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/api/pointerevent/tiltx/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/ja/web/api/pointerevent/tiltx/index.html')
-rw-r--r--files/ja/web/api/pointerevent/tiltx/index.html68
1 files changed, 68 insertions, 0 deletions
diff --git a/files/ja/web/api/pointerevent/tiltx/index.html b/files/ja/web/api/pointerevent/tiltx/index.html
new file mode 100644
index 0000000000..527818b8c3
--- /dev/null
+++ b/files/ja/web/api/pointerevent/tiltx/index.html
@@ -0,0 +1,68 @@
+---
+title: PointerEvent.tiltX
+slug: Web/API/PointerEvent/tiltX
+tags:
+ - API
+ - DOM
+ - Interface
+ - PointerEvent
+ - Property
+ - Reference
+translation_of: Web/API/PointerEvent/tiltX
+---
+<div>{{ APIRef("Pointer Events") }}</div>
+
+<p><span class="seoSummary">{{domxref("PointerEvent")}} インターフェイスの <strong><code>tiltX</code></strong> 読み取り専用プロパティは、ポインタの <em>Y-Z 平面</em>と画面との間の角度(度単位)です。</span> このプロパティは通常、ペン/スタイラスポインタタイプにのみ役立ちます。</p>
+
+<p>このプロパティの説明については、<a href="https://w3c.github.io/pointerevents/#dom-pointerevent-tiltx">仕様の図 2</a> を参照してください。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">var <em>tilt</em>X = pointerEvent.<em>tiltX</em>;
+</pre>
+
+<h3 id="Return_value" name="Return_value">戻り値</h3>
+
+<dl>
+ <dt><code>tiltX</code></dt>
+ <dd>ポインタ(スタイラス)の Y-Z 平面と画面の間の角度(度単位)。 値の範囲は <code>-90</code> から <code>90</code> です。 ここで、正の値は右への傾きです。 このプロパティをサポートしていないデバイスの場合、値は <code>0</code> です。</dd>
+</dl>
+
+<h2 id="Example" name="Example">例</h2>
+
+<p>この例は、<code>tiltX</code> プロパティおよび {{domxref("PointerEvent.tiltY","tiltY")}} プロパティへの簡単なアクセスを示しています。</p>
+
+<pre class="brush: js">someElement.addEventListener("pointerdown", function(event) {
+ process_tilt(event.tiltX, event.tiltY);
+}, false);
+</pre>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+ <tr>
+ <th scope="col">仕様</th>
+ <th scope="col">状態</th>
+ <th scope="col">コメント</th>
+ </tr>
+ <tr>
+ <td>{{SpecName('Pointer Events 2','#dom-pointerevent-tiltx', 'tiltX')}}</td>
+ <td>{{Spec2('Pointer Events 2')}}</td>
+ <td>不安定版</td>
+ </tr>
+ <tr>
+ <td>{{SpecName('Pointer Events', '#dom-pointerevent-tiltx', 'tiltX')}}</td>
+ <td>{{Spec2('Pointer Events')}}</td>
+ <td>初期定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">
+<p>The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p>
+</div>
+
+<p>{{Compat("api.PointerEvent.tiltX")}}</p>