へっぽこ技術ブログです

【自分用メモ】Canvas内でのタップされた位置を取得する

Canvas内での描画(lineTo()とか)ではCanvas内での座標値が必要。

clientX, clientYでは画面内での座標値しか取得できない。

そこでCanvasのオフセット値を差し引く。以下のような感じで

    function canvas1Clicked(e) {
        var posX = e.clientX - canvas1.offsetLeft;
        var posY = e.clientY - canvas1.offsetTop;
          :