將矩形劃分爲四個可點擊的（或可懸停的）三角形

-1

在閱讀之前，我的問題是要知道找到對象的高度/寬度/位置的最佳方法是什麼，因爲這似乎存在一些衝突。之後，我將需要幫助，以瞭解如何使用先前獲得的數據在以下列表中執行第4項操作。之後，我需要5號幫助。我希望逐漸做到這一點，請耐心等待。將矩形劃分爲四個可點擊的（或可懸停的）三角形

我發現瞭如何將一個正方形分成兩個相等的三角形可點擊區域（Two triangular clickable area within a square）的代碼。我並沒有真正明白代碼的真實性。我的問題是將代表可見屏幕區域的矩形細分爲四個可點擊的區域，想象它的對角線被繪製。我發現這是非常有用的（僞）-pseudocode：

創建一個div和樣式它是一個正方形。使用背景圖片來說明三角形
創建一個變量，方形，在JavaScript中保持方形元素
獲取的位置，高度和廣場的寬度在你的js
待辦事項一些數學來確定每個三角形的頂點的座標
寫功能，getQuadrant()，確定哪個三角形的正方形內的任何給定的點是在
添加一個事件監聽器來單擊正方形上的事件。事件偵聽器應該調用getQuadrant功能
使用開關/箱來執行你需要調用條件在哪個象限的點擊在土地

我不會索要任何代碼完整的代碼，我想在這個過程中學習。有人可以幫助指出我用數字3和4的方法嗎？而且我很可能還需要5號的幫助。

感謝您的幫助！ =）

來源

2013-04-03 Kizer Yakuza

_在javascript中創建一個變量square，以保存square element_。你當然可以谷歌這個？ – Mathletics

@Mathletics我的問題不是那個，你選擇了我不需要幫助的東西。是的，我可以谷歌，但問題是你然後找到很多可能的答案，然後通常建議一些方法，而不是第一次答案中給出的方法，圖書館更新更改隨着時間的推移用於特定事情的方法，一些瀏覽器aren'最新的所有代碼更新..等等像這裏http://stackoverflow.com/questions/294250/how-do-i-retrieve-an-html-elements-actual-width-and-height# –

鏈接在你的問題應該爲你工作，只需替換懸停與點擊功能 – razzak

如果使得正方形的中心爲原點，則三角形的邊界由線X == y和x == -y定義平移一切。您可以基於象限分類上的關係：

如果x> Math.abs（Y），那麼你是在直角三角形
如果Y> Math.abs（x），則你在頂三角形
如果-x> Math.abs（Y），那麼你在左側三角
如果-y> Math.abs（x），則你在底部三角形

關係可以在兩個（或四個，如果x == y == 0）最接近的三角形之間任意解決。

來源

2013-04-03 14:02:44

夥計我很抱歉，但我是一個真正的noob。就像其他人一直在他們的生活中的一個點。正如我所提到的代碼，我不明白，我不想只是盲目複製粘貼它。而且我所得到的大部分對我來說只是更多的胡言亂語，在這種情況下，像Ted Hopp這樣的助手沒有進攻性，他們實際上閱讀的不僅僅是我的問題的第一行。順便說一句，上面粘貼的僞代碼不是我的任務，它來自本網站的答案。我只是好奇如何以我理解的方式將其轉換爲代碼。 –

感謝您的意見，我會盡快將其應用！我還在掙扎於基本代碼的舒適區之外的任何東西及其操作。我會讓你知道它是怎麼回事。 –

將矩形劃分爲四個可點擊的（或可懸停的）三角形

回答

相關問題