基于旋转填充二维数组（矩阵）

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);    
}