像素 JavaScript 的 X 邻居

Question

我正在使用 JavaScript 进行图像处理，我想知道是否有任何通用公式来确定像素的 x 邻居。

我知道对于一个 3*3 的正方形，有 8 个邻居可以使用特定的 x 和 y 像素来确定。

(x-1,y-1) , (x-1,y) , (x-1,y+1),

(x,y-1) , (x,y) , (x,y+1),

(x+1,y-1) , (x+1,y) , (x+1,y+1)。

问题是我正在使用 5*5 正方形、7*7 正方形和 9*9 正方形，我想知道是否有任何方法可以让这三个正方形中的一个像素的所有 x 邻居没有必须在我的程序中手动写入位置。

谢谢

Answer 1

var size = 5;
var d = Math.floor(size / 2);

for (var dx = -d; dx <= d; dx++) {
    for (var dy = -d; dy <= d; dy++) {
        if (dx || dy) {
             // Do something with (x + dx, y + dy)
        }
    }
}

如果你这样做很多（即对于图像中的每个像素），首先创建一个平面值数组可能是值得的：

var size = 5;
var d = Math.floor(size / 2);
var dPixels = [];

for (var dx = -d; dx <= d; dx++) {
    for (var dy = -d; dy <= d; dy++) {
        if (dx || dy) {
             dPixels.push(dx, dy);
        }
    }
}

// Then for each pixel (x, y)
for (var i = 0; i < dPixels.length; i += 2){
     // Do something with x + dPixels[i], y + dPixels[i + 1]
}