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

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

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

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

このQ&Aに関連する最新のQ&A

A 回答 (1件)

 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);
}

でどうでしょうか?
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング

おすすめ情報