トラックパッドマルチタッチ検出

1〜4指ジェスチャー認識をサポートするプロフェッショナルトラックパッドマルチタッチジェスチャー検出ツール

トラックパッドジェスチャー検出

100%

トラックパッドジェスチャー色ガイド

マウス移動軌跡
左クリック(1本指押下)
右クリック(2本指押下)
中クリック(3本指押下)
ホイールズーム(2本指ズーム)

キャンバスでトラックパッドジェスチャーテストを実行

軌跡ポイント: 0

ストローク: 0

現在のストローク: 0
ズーム: 100%
ドラッグ: (0, 0)
準備完了
🔍 デバッグ情報
現在のジェスチャー: なし
検出ステータス: 準備完了
タッチサポート: いいえ
ポインターサポート: いいえ
マウス移動軌跡
0
左クリック
0
右クリック
0
中クリック
0
ホイールズーム
0

トラックパッドジェスチャーテストガイド:

マウス移動軌跡:マウス移動:トラックパッド上でマウスを移動(薄い青の軌跡)

左クリック:左クリック:左ボタンをクリックしてドラッグ(濃い青の軌跡)

右クリック:右クリック:右ボタンをクリックしてドラッグ(緑の軌跡)

右ドラッグ:右ドラッグ:右ボタンを押し続けてドラッグ(緑の軌跡)

中クリック:中クリック:中ボタンをクリックしてドラッグ(黄色の軌跡)

ホイールズーム:ホイールズーム:Ctrl+ホイールまたは2本指ズーム(紫の軌跡)

💡 実際のテスト方法:

マウス移動軌跡:マウス移動:トラックパッド上でマウスを移動(薄い青の軌跡)

右クリック:右クリック:右ボタンをクリックしてドラッグ(緑の軌跡)

右ドラッグ:右ドラッグ:右ボタンを押し続けてドラッグ(緑の軌跡)

中クリック:中クリック:中ボタンをクリックしてドラッグ(黄色の軌跡)

ホイールズーム:ホイールズーム:Ctrl+ホイールまたは2本指ズーム(紫の軌跡)

• コンソールログとデバッグパネルを観察して検出の詳細を確認

青い点線のフレームが描画可能エリアで、トラックパッドジェスチャー認識をサポートします。

ユーザーがトラックパッドの各種ジェスチャー認識能力を包括的にテストするのに役立つプロフェッショナルトラックパッドマルチタッチ検出ツール。1指タッチ/押し込み、2指操作、3指ジェスチャー、4指ジェスチャー、2指ズームなどの高度な機能をサポートし、リアルタイム軌跡描画と詳細統計情報を提供し、トラックパッドハードウェア検出と性能評価のプロフェッショナルツールです。
• マルチタッチ検出:1-4指ジェスチャー認識と2指ズームをサポート • インテリジェントジェスチャー分類:1指タッチ/押し込み、2指操作、3指/4指ジェスチャーの自動認識 • リアルタイム軌跡描画:異なるジェスチャーが異なる色とスタイルで表示 • 検出モード切り替え:包括検出、1指検出、2指検出、マルチ検出、ズーム検出をサポート • 詳細統計情報:各種ジェスチャーの使用頻度と検出状態をリアルタイム表示 • プロフェッショナルテスト環境:ズーム、ドラッグなどの補助機能を提供し、実際の使用シナリオをシミュレート
1. 検出モードを選択:包括検出、1指検出、2指検出、マルチ検出、ズーム検出 2. 1指テスト:軽いタッチと移動で青い軌跡、押し込みと移動で濃い青い軌跡を表示 3. 2指テスト:2指タップ、ドラッグで緑の軌跡、2指ズームで紫の軌跡を表示 4. 3指テスト:3指スワイプ、タップで黄色の軌跡を表示 5. 4指テスト:4指スワイプ、タップで赤い軌跡を表示 6. リアルタイム統計を観察:各種ジェスチャーの検出回数と状態を表示 7. 補助機能を使用:ズーム、キャンバスドラッグで精密テスト 8. 記録をクリア:クリアボタンをクリックしてすべての統計をリセット
Touch Event APIとPointer Event APIをベースに開発し、touchstart、touchmove、touchendイベントを監視してマルチタッチ検出を実装。Canvas 2D APIを使用して異なる色の軌跡を描画し、タッチポイント数に基づいてジェスチャータイプを自動認識し、Vueリアクティブシステムを適用してリアルタイムデータ更新を実現し、プロフェッショナルレベルのジェスチャー認識と統計分析機能を提供。
💻 オフィス機器日常メンテナンス
Q: なぜマルチタッチ検出が必要ですか? A: 現代のトラックパッドは複雑なジェスチャーをサポートし、マルチタッチ検出はトラックパッドの性能を包括的に評価できます Q: どのようなジェスチャータイプがサポートされていますか? A: 1指タッチ/押し込み、2指操作、3指ジェスチャー、4指ジェスチャー、2指ズームをサポート Q: 異なるジェスチャーをどのように区別しますか? A: 異なるジェスチャーは異なる色で表示:青(1指)、緑(2指)、黄(3指)、赤(4指)、紫(ズーム) Q: 検出モードの違いは何ですか? A: 特定のモードを選択して専門テストを行うか、包括検出モードを使用してすべての機能をテストできます Q: どのデバイスが互換性がありますか? A: マルチタッチサポートのあるすべてのトラックパッドデバイスとモダンブラウザをサポート