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)
}
取り急ぎ,報告まで.
|