2017-05-11 21 views
2

キャンバスで複数のタッチを無効にするきれいな方法がありますか?マルチタッチ(複数のタッチ)を無効にする方法

ありがとうございます。

+0

開始したコードはありますか? Fabric.jsまたはネイティブのjavascriptタッチハンドラにtouch APIを使用していますか? – Corvae

+0

Fab APIにtouch APIを使用しています。ありがとう –

答えて

2

Fabric.jsは、タッチ操作にEvent.jsを使用します。どのオプションをキャンバスコンストラクタに渡すことができないのか分かりませんでしたが、var canvas = new fabric.Canvas('c', {maxFingers:1})を試してみるとよいでしょう。

もう1つのオプションは、ピンチと回転のハンドラ内でevent.preventDefault()を使用して、2本の指のジェスチャをキャンセルすることです。

1:クリック、DBLCLICK、dbltap
1+:ここでは 'ポインタ' とそのライブラリ用に定義された彼らのアクションの数あるタップ、longpress、ドラッグ、スワイプ
2+:ピンチは、

を回転させますなど

それらのいずれかが、何が必要でない場合は、あなたがtouchstartのイベントリスナーを設定する必要があります、touchmove、MDNページには、すべてのタッチをリッスンする方法について説明し、その直後にそれぞれ1のためのpreventDefaultを呼び出します最初。

関連する問題