HarmonyOS 鸿蒙Next中如何解决创建PixelMap出现Create PixelMap error错误

【问题现象】

将PixelMap转换成buffer后，再将buffer转回PixelMap时报错，报错和代码如下：

this.pixel = await imageSource.createPixelMap(opts);
let readBuffer: ArrayBuffer = new ArrayBuffer(this.pixel.getPixelBytesNumber());
this.pixel.readPixelsToBuffer(readBuffer).then(() => {
  const pImgBigImageSource = image.createImageSource(readBuffer);
  pImgBigImageSource.createPixelMap().then((pixMap: image.PixelMap) => {
    console.info('createPixelMap success');
  }).catch((err: BusinessError) => {
    console.error('createPixelMap error: ' + err.toString());
  })
})

【背景知识】

readPixelsToBuffer读取图像像素数据，并按照PixelMap的像素格式写入缓冲区中。createImageSource用来创建图片源实例对象，可支持uri、文件描述符、图像资源文件的RawFileDescriptor、缓冲区等参数来创建。

【问题定位】

检查readPixelsToBuffer和createImageSource对传入参数类型的要求，发现尽管createImageSource支持传入ArrayBuffer的类型，但要求入参必须是未解码的数据，不能是类似于RGBA，YUV的像素buffer数据，而readPixelsToBuffer写入缓冲区的是像素数据，不符合createImageSource的参数要求。

【解决方案】

像素buffer直接调用image.createPixelMap来创建PixelMap：

try {
  this.pixel = await imageSource.createPixelMap(opts);
  let readBuffer: ArrayBuffer = new ArrayBuffer(
    this.pixel.getPixelBytesNumber()
  );
  this.pixel.readPixelsToBuffer(readBuffer).then(() => {
    let opts: image.InitializationOptions = {
      editable: true,
      pixelFormat: 3,
      size: { height: 4, width: 6 },
    };
    // 直接调用
    image.createPixelMap(readBuffer, opts);
    console.info("createPixelMap success");
  });
} catch (error) {
  console.info("createPixelMap error  " + error.toString());
}

运行结果：

【总结】

readPixelsToBuffer读取后的buffer里存放的是像素数据，而当createImageSource传入数据类型是 ArrayBuffer时，buf数据应该是未解码的数据，不能是类似于RGBA，YUV的像素buffer数据，如果想通过像素buffer数据创建pixelMap，可以调用image.createPixelMap接口。