2012-08-29 28 views
0

我想弄清楚如何能夠在一個div中基本上是一個寬度爲500px,高度爲500px的方塊中的pipoint特定位置。位置或方向是'高級','橫向','中間'和'下等'。JavaScript的位置/方向計算

----------------------------------- 
    |   (Superior)    | 
    |         | 
    |         | 
    | (Lateral)    (Medial) | 
    |         | 
    |         | 
    |         | 
    |   (Inferior)   | 
    ----------------------------------- 

我希望繪圖描繪了我想要確定的位置。我有兩個具體問題。

問題1是;我怎樣才能指定框內位置的座標,我可以使用JavaScript或圖像地圖來做到這一點?

問題2是;我如何定義職位,例如「上級」應該在哪裏開始,應該在哪裏結束? (這可能是一個數學問題,我知道我應該在數學課上引起更多關注!)例如,如果他們點擊中間和下方之間的某個位置,應該更多地朝向div的右下部分或左下部分的div?

非常感謝

+1

對於問題2,我的建議是在框中畫一個虛X。 X的中心是框的中心,X的端點是框的拐角。 – Dylan

+0

@Dylan謝謝迪倫,感謝。 –

回答

1

您div中的位置將由X(水平)和Y(垂直)座標定義。在你的高級和側面線觸及X = 0和Y = 0的點。同樣,在你的中線和下線觸及X = 500和Y = 500的點上。

關於如何獲取單元內的鼠標點擊座標,堆棧上有很多答案。

Here is one

1

我假設你劈成兩半股利等你拿2個屬性與每一次點擊。我會得到相對於div位置的鼠標位置來確定這一點。