固定サイズで自動マージンがあるキャンバス内でマウスの位置を取得するにはどうすればよいですか?
その位置を固定することはできず、ページ上の通常のマウス位置を使用することもできません。
このコードは完全に機能します:
mouseX = e.pageX - div.offsetLeft;
mouseY = e.pageY - div.offsetTop;
JQueryの使用:
var divPos = {};
var offset = $("#divid").offset();
$(document).mousemove(function(e){
divPos = {
left: e.pageX - offset.left,
top: e.pageY - offset.top
};
});
使用する event.layerX
およびevent.layerY
現在の要素に対するマウスの位置を取得するには:
$('#canvas').mousemove(function(e){
var mousePos = {'x': e.layerX, 'y': e.layerY};
});