如何在字节数组中缩放 RGB 图像的宽度

Question

我的大脑今天不能正常工作，我似乎无法弄清楚这一点。

我有一个 RGBA 图像数据存储在Uint8Array() ，只需要缩放宽度。

var w = 160;
var h = 200;
var depth=4;
var pixels = new Uint8Array(w*h*depth);

我需要将像素array缩放到320x200 ，每次尝试都以乱码图像告终。

Answer 1

感谢Yves Daoust ，我通过将 4 的每一块复制到目的地，重新审视了我解决这个问题的一些旧尝试，现在我让它工作了。 所以谢谢你 Yves :) 我不知道我之前做错了什么。

这是我最终得到的工作代码。 我 100% 确定它可以做得更好，但在这一点上我很满意:)

Utils.prototype.scalePixelsInWidth = function(pixels) {

  var w = 320;
  var h = 200;
  var scanlineWidth = w*4;
  var scaledPixels = new Uint8Array(w*h*4);

  var a = 0;
  for(let row=0;row<h;row++) {
    var col2 = 0;
    for(let col=0;col<w;col++) {
      var srcIndex = col2*4 + (row*(w/2)*4);
      var destIndex = col*4 + (row * scanlineWidth);
      scaledPixels[destIndex+0] = pixels[srcIndex+0];
      scaledPixels[destIndex+1] = pixels[srcIndex+1];
      scaledPixels[destIndex+2] = pixels[srcIndex+2];
      scaledPixels[destIndex+3] = pixels[srcIndex+3];
      a++;
      if (a > 1) {
        a = 0;
        col2++;
      }
    }
  }

  return scaledPixels;

}