javascript - 像素 JavaScript 的 X 邻居

Question

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

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

(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]
}