setImageData 报错

[xiaoiver]

antvis/L7#2128 (comment)

报错信息如下：

[.WebGL-0x128004f3f00] GL_INVALID_OPERATION: Invalid internal format 0x1909.

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Title: setImageData error report

[xiaoiver]

另外 LUMINANCE 并不是可读的，无法使用 readPixels 读取数据
https://webgl2fundamentals.org/webgl/lessons/webgl-readpixels.html

正确用法如下：
https://webglfundamentals.org/webgl/lessons/webgl-data-textures.html

const dataTexture = device.createTexture({
  format: Format.U8_LUMINANCE,
  width: 1,
  height: 1,
  usage: TextureUsage.SAMPLED,
  pixelStore: {
    unpackFlipY: false,
    packAlignment: 1, // deal with 1 byte at a time
  },
  mipLevelCount: 0, // don't mipmap
});

[xiaoiver]

如下代码在 WebGL2 下报错：

const floatRGB = device.createTexture({
  format: Format.F32_RGB,
  width: 1,
  height: 1,
  usage: TextureUsage.SAMPLED,
});
floatRGB.setImageData([new Float32Array([10, 20, 30])]);

[.WebGL-0x1180050e300] GL_INVALID_OPERATION: Invalid internal format 0x1907.

原因是 WebGL2 中 internal format 可以与 format 不同，对应关系如下：
https://webgl2fundamentals.org/webgl/lessons/webgl-data-textures.html

例如这里 internal format 应该是 gl.RGB32F，format 为 gl.RGB