Question

我有300px * 300px图像。我在每个方向上每100px也有一些特定像素（总共16个特定像素）。

                      0      1      2       <-- IntervalX
                    ______ ______ ______
                0  |      |      |      |
                   |______|______|______|    
                1  |      |      |      | 
                   |______|______|______| 
                2  |      |      |      | 
                   |______|______|______| 
                ^
                 IntervalY

我想将每个像素（特定的像素除外）放在由特定像素限定的块中，但是由1D阵列中的像素值定义，而不是2D阵列。

 const gridX = width / (trueX - 1);
 const gridY = width / (trueY - 1);

//为每个像素循环：

 intervalX = Math.floor((pixel[inc].x) / gridX);
 intervalY = Math.floor((pixel[inc].y) / gridY);
 //Implementing formula for transforming from 1D array to 2D array : (y * width + x) = item number
 //All leftmost known pixels start from a "zero" value, so we do not need to substract 1
 let isNotFirstArray;
 if (intervalX == 0)
    isNotFirstArray = 0;
 else
    isNotFirstArray = 1;    
 p1 = pixel[intervalY * gridY * 299 + intervalX * gridX - isNotFirstArray];
 p2 = pixel[intervalY * gridY * 299 + (intervalX + 1) * gridX - 1];
 p3 = pixel[(intervalY + 1) * gridY * 299 + intervalX * gridX - isNotFirstArray];
 p4 = pixel[(intervalY + 1) * gridY * 299 + (intervalX + 1) * gridX - 1];
 pixel[inc].value = Math.round(bilinearInterpolate(p1, p2, p3, p4, j, i));
 inc++;

问题是未正确计算特定像素的值。 Y值是正确的，但X不是。

稍后编辑：错误是这样的：特定像素的坐标在Y轴上是正确的，但在X轴上不是。它们以100px *（最大间隔 - 当前间隔）移动内部间隔。

Answer 1

如果我做对了，你想过滤掉一些像素，这些像素在x和y方向上以某个间隔出现？

const img = <image array>,
      imgWidth = 600,
      gridX = 150,
      gridY = 200;

let result = [];

for (let i = 0; i < input.length; i++) {
  let x = i % imgWidth,
      y = Math.floor(i / imgWidth);

  if (!(x % gridX == 0 || y % gridY == 0)) {
    result.push(input[i])
  } 
}

那应该过滤掉所有与你说的一样特殊的索引。它仍然是具有宽度的图像的像素阵列。

Javascript 2D数组到1D数组和间隔

1 个答案: