根據旋轉填充2d陣列（矩陣）

Question

我有一個2d矩陣 我必須對角地填充它，就像流體一樣。

任意旋轉在-45和45度之間。 （爲例如32度）

一些情況：

0度

0 0 0 0 0 0 
0 0 0 0 0 0 
0 0 0 0 0 0 
1 1 1 1 1 1 
1 1 1 1 1 1 
1 1 1 1 1 1 

-45度

0 0 0 0 0 0 
1 0 0 0 0 0 
1 1 0 0 0 0 
1 1 1 1 0 0 
1 1 1 1 1 0 
1 1 1 1 1 1 

45度

0 0 0 0 0 0 
0 0 0 0 0 1 
0 0 0 0 1 1 
0 0 1 1 1 1 
0 1 1 1 1 1 
1 1 1 1 1 1 

Answer 1

這是不大完美的發佈的例子，但它非常接近。爲了獲得更好的傾斜分辨率，我製作了一個更大的陣列。只需使用size和deg變量即可獲得所需的輸出。

var arr = []; 
var size = 10; 
var deg = -45; 

for(var i = 0; i < size; i++){ 
    arr.push([]); 
    for(var j = 0; j < size; j++){ 
     arr[i].push(0); 
    } 
} 

var leftFill = .5 - (deg/90); 
var rightFill = .5 + (deg/90); 
var distanceToCover = rightFill - leftFill; 

for(var i = 0; i < arr.length; i++){ 
    for(var j = 0; j < arr[i].length; j++){ 
     var xHeight = (leftFill + ((j/(arr[i].length - 1)) * distanceToCover)); 
     var xPos = (arr.length - i)/size; 
     if(xPos <= xHeight) arr[i][j] = 1; 
    } 
} 

for(var i = 0; i < arr.length; i++){ 
    var logStr = i + ': '; 
    for(var j = 0; j < arr[i].length; j++){ 
     logStr += (arr[i][j] + ' '); 
    } 
    console.log(logStr);  
}