|
1
2
3
4
5
6
|
獲取頁面某一元素的絕對X,Y坐標
var
X = $(
'#DivID'
).offset().top;
var
Y = $(
'#DivID'
).offset().left;
獲取相對(父元素)位置:
var
X = $(
'#DivID'
).position().top;
var
Y = $(
'#DivID'
).position().left;
|
一個div里面定位鼠標的相對坐標
一般我們在頁面定位鼠標的坐標位置時，指的是屏幕的坐標。
$("#canvas").mousedown(function(e){
mouseX1 = e.pageX - $("#canvas").offset().left;
mouseY1 = e.pageY - $("#canvas").offset().top;
}）;
其中e.pageX和e.pageY是鼠標相對於整個屏幕的坐標。
offset()是jquery里面的一個方法，主要是定位某一個容器（div）距離屏幕或者父元素的相對偏移量。如果用
e.pageX - $("#canvas").offset().left;//得出鼠標在容器內的坐標X，以容器的左上角為坐標原點
e.pageY - $("#canvas").offset().top;//得出鼠標在容器內的坐標Y，以容器的左上角為坐標原點
這樣就可以解決在元素里面進行canvas的塗鴉的時候，畫筆痕跡漂移的問題了。很管用！