如何翻转WebGLRenderingContext.readPixels()的结果？

// 获取原始像素数据
const width = 512; // 帧缓冲区的宽度
const height = 512; // 帧缓冲区的高度
const pixelData = new Uint8Array(width * height * 4); // RGBA格式，每个像素4个字节

gl.readPixels(0, 0, width, height, gl.RGBA, gl.UNSIGNED_BYTE, pixelData);

// 创建新的数组，用于存储翻转后的像素数据
const flippedPixelData = new Uint8Array(width * height * 4);

// 翻转像素数据
for (let row = 0; row < height; row++) {
  for (let col = 0; col < width; col++) {
    const srcOffset = (row * width + col) * 4;
    const destOffset = ((height - row - 1) * width + col) * 4;

    flippedPixelData[destOffset] = pixelData[srcOffset]; // R
    flippedPixelData[destOffset + 1] = pixelData[srcOffset + 1]; // G
    flippedPixelData[destOffset + 2] = pixelData[srcOffset + 2]; // B
    flippedPixelData[destOffset + 3] = pixelData[srcOffset + 3]; // A
  }
}

// 翻转后的像素数据存储在flippedPixelData数组中