javascript - モバイル/iPadでe.offsetXを取得するにはどうすればよいですか

Question

iPadで試したところ、e.touches[0]にoffsetXがありませんでした。このoffsetXの値をどこで取得できるか知っている人はいますか?

Answer 1

提案された回答のコメントに基づく正解:

e.offsetX = e.touches[0].pageX - e.touches[0].target.offsetLeft;     
e.offsetY = e.touches[0].pageY - e.touches[0].target.offsetTop;

これは、回転やスケーリングなどの変換を無視します。また、接触がないかどうかも確認してください。

Answer 2

clientX または pageX を使用できます。こちらを参照してください

Answer 3

ページ - オフセット / クライアントのアプローチはうまくいきませんでした。まだオフセットがありました。完全に機能するこの他のソリューションを見つけました：

let r = canvas.getBoundingClientRect();

let x = e.touches[0].pageX - r.left;
let y = e.touches[0].pageY - r.top;