計算象限爲一個矩形內部的三角形

Question

我有以下的方法，其計算在一個正方形具有相等的寬度和高度由四個三角形劃分一個象限：

function getQuadtrant(x, y, width, height){ 
    if(y < width/2 && x < width-y && x > y) { 

    alert('top triangle'); 

    } 

    if(y > width/2 && x > width-y && x < y) { 

    alert('bottom triangle'); 

    } 

    if(x < height/2 && x < width-y && x < y) { 

    alert('left triangle'); 

    } 


    if(x > height/2 && x > width-y && x > y) { 

    alert('right triangle'); 

    } 
} 

然而，我有一個div是矩形的，具有寬度爲249px，高度爲404px，如何獲得象限？在上面的代碼中，它的當前狀態給出了一個錯誤的輸出，當我選擇一個三角形的特定區域時，例如頂部三角形，它會提醒「底部三角形」。

Answer 1

我會做，以這種方式：

function getQ(x, y, w, h) { 
    var quadrants = [ 
     ['left', 'top'], 
     ['bottom', 'right'] 
    ]; 

    if (y > h/w * x) { 
     quadrants = quadrants[0]; 
    } else { 
     quadrants = quadrants[1]; 
    } 

    return (y < -h/w * x + h) ? quadrants[0] : quadrants[1]; 
} 


console.log(getQ(10, 20, 20, 20));​ 

該解決方案是相當瑣碎和基於對角線方程。如果y高於主對角線 - 那麼它可以是left或top（quadrants[0]）。如果y低於次對角線 - 它是left，否則它是top。底部相同。

http://jsfiddle.net/zerkms/aCAfw/

Answer 2

您的前兩項測試是比較y到width/2，而我認爲它應該與height/2相比。

編輯：下面是全部矩形，而不是僅僅廣場工作的一些修改代碼：

function getQuadrant(x,y,width,height) { 
    var l = {x:x-width/2,y:y-height/2}, // "local" coords - origin at centre 
     g = l.x/width*height; // "gradient" - position on diagonal 
    if(l.y < -g && l.y < g) alert("Top"); 
    else if(l.y < -g && l.y >= g) alert("Right"); 
    else if(l.y >= -g && l.y >= g) alert("Bottom"); 
    else if(l.y >= -g && l.y < g) alert("Left"); 
    else alert("Tell Kolink he messed up"); 
}