私は HTML5 アプリケーションを開発してきましたが、適切な座標系でターゲット div 内の適切なローカル タッチ/マウス位置を取得するという非常に困難な問題に直面しています。
StackOverflow には多くのソリューションがありますが、それほど簡単ではありません。
「古典的な」解決策は、ターゲット オフセットを計算し、それを pageX と pageY の位置から差し引くことです。多くの人が JQueryoffset
関数を使用していますが、ページがスクロールされ、ネストされたズーム div が含まれている場合に、iOS でバグ (1.8.3) が発生することがわかりました。
zoom
ネストされたズーム div (CSSプロパティ) だけでなく、異なる CSS 変換 (x および y 変換) を持つレイヤーも存在するため、状況はさらに複雑になります。
最後に、ターゲット div 内のローカル マウス/タッチ位置を計算する独自の関数を作成しました ( などを使用WebKitCSSMatrix
) MSCSSMatrix
。それは「ほぼ」うまく機能しますが、いくつかの状況ではまだ完全ではありません - 特にネストされたズームされた div がある場合。
だから私の質問は、上記の要件を考慮して、ターゲットdiv内のローカルタッチ/マウス位置を計算するための一般的なソリューション/ライブラリがあるかどうかです??
ありがとう。
皆さんにとって良い一日...