https://edu.yz.y…

【イベントの定義】

canvasに，clickイベントが起きたときに，onClick　関数を呼び出す．

canvas.addEventListener('click', onClick, false);

【onClick関数の定義】

function onClick(e) {

/*

* rectでcanvasの絶対座標位置を取得し、

* クリック座標であるe.clientX,e.clientYからその分を引く

* ※クリック座標はdocumentからの位置を返すため

* ※rectはスクロール量によって値が変わるので、onClick()内でつど定義

*/

var x = 0;

var y = 0;

var rect = e.target.getBoundingClientRect();

x = e.clientX - rect.left;

y = e.clientY - rect.top;

/*rect.topが413.875と小数点を持つことはなぜか不明*/

alert(x + "," + y)

}

取り急ぎ，報告まで．