イベント座標の取り方について

質問

現在スマートフォン向けのWebアプリを勉強しています。
HTML5から導入されたCanvasを使い、タッチした箇所を中心に円を描くサンプルを作成したいのですが、タッチした座標をとってくることができないで、困っています。
下記コードになりますが、間違っているところ、代替手段などがありましたらご教授ください。

function clickEvent(e) {
e.preventDefault();

alert(e.x + " : " e.y);
}

確認に使った機種はGalaxyです。
PCブラウザでは問題なくとってくることができます。
宜しくお願いします。

回答No.1

yyr446 · ベストアンサー

Galaxyが何者か素性が？ですが、

function clickEvent(e) {
e.preventDefault();
var CanvasRect = e.target.getBoundingClientRect();
var x = e.clientX - Math.floor(CanvasRect.left);
var y = e.clientY - Math.floor(CanvasRect.top);
alert(x + " : " y);
}

でどうでしょうか？