Webgl readPixels(） 无效操作:格式/类型组合无效

Webgl readPixels() invalid operation: invalid format/type combination

本文关键字：无效 格式 类型 组合 操作 readPixels Webgl      更新时间：2023-09-26

我试图读取我拥有的纹理的 RGBA 值，但它不断返回以下错误，并且每个值都显示为 0：

WebGL: INVALID_OPERATION: readPixels: invalid format/type combination

这是我在初始化时的代码，其中像素是纹理值的数组：

   texture = gl.createTexture()
   gl.activeTexture(gl.TEXTURE0)
   gl.bindTexture(gl.TEXTURE_2D, texture)
   gl.pixelStorei(gl.UNPACK_ALIGNMENT, 1)
   gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, n, n, 0,
     gl.RGBA, gl.FLOAT, new Float32Array(pixels))
   gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST)
   gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST)
   FBO = gl.createFramebuffer()
   gl.bindFramebuffer(gl.FRAMEBUFFER, FBO)
   gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0,
       gl.TEXTURE_2D, texture, 0)

然后稍后，在单击事件中，我运行以下内容：

gl.bindFramebuffer(gl.FRAMEBUFFER, FBO);
var data = new Uint8Array(resolution * resolution * 4);
gl.readPixels(0, 0, resolution, resolution, gl.RGBA, gl.UNSIGNED_BYTE, data);
console.log(data)

数据返回一个由零组成的大型数组。格式和类型的正确组合是什么，或者我在这里哪里出错了？

使用gl.getContext("experimental-webgl")之后

我设法使用以下方法读取浮点纹理的像素：

  gl.bindFramebuffer(gl.FRAMEBUFFER, _this.myFrameBufferObject);
  var data = new Float32Array(resolution * resolution * 4);
  gl.readPixels(0,0,resolution,resolution,gl.RGBA,gl.FLOAT,data);

功劳归于此答案下方的评论

相关文章：