openharmony 鸿蒙 image-picture-decoding

2025-06-12 浏览 (1)

使用ImageSource完成多图对象解码

将所支持格式的图片文件解码成Picture。当前支持的图片文件格式包括JPEG、HEIF。

开发步骤

图片解码相关API的详细介绍请参见:图片解码接口说明

  1. 全局导入Image模块。

    import { image } from '@kit.ImageKit';
    
  2. 获取图片。

    • 方法一:通过沙箱路径直接获取。该方法仅适用于应用沙箱中的图片。更多细节请参考获取应用文件路径。应用沙箱的介绍及如何向应用沙箱推送文件,请参考文件管理

      function getFilePath(context: Context): string {
        const filePath: string = context.cacheDir + '/test.jpg';
        return filePath;
      }
      
    • 方法二:通过沙箱路径获取图片的文件描述符。具体请参考file.fs API参考文档。该方法需要导入@kit.CoreFileKit模块。

      import { fileIo as fs } from '@kit.CoreFileKit';
      
      function getFileFd(context: Context): number|undefined {
        const filePath: string = context.cacheDir + '/test.jpg';
        const file: fs.File = fs.openSync(filePath, fs.OpenMode.READ_WRITE);
        const fd: number = file?.fd;
        return fd;
      }
      
    • 方法三:通过资源管理器获取资源文件的ArrayBuffer。具体请参考资源管理器API参考文档。该方法需要导入@kit.LocalizationKit模块。

      import { resourceManager } from '@kit.LocalizationKit';
      
      async function getFileBuffer(context: Context): Promise<ArrayBuffer|undefined> {
         try {
            const resourceMgr: resourceManager.ResourceManager = context.resourceManager;
            // 获取资源文件内容,返回Uint8Array。
            const fileData: Uint8Array = await resourceMgr.getRawFileContent('test.jpg');
            // 转为ArrayBuffer并返回。
            const buffer: ArrayBuffer = fileData.buffer.slice(0);
            return buffer;
         } catch (error) {
            console.error("Failed to get RawFileContent");
            return undefined;
         }
      }
      
    • 方法四:通过资源管理器获取资源文件的RawFileDescriptor。具体请参考资源管理器API参考文档。该方法需要导入@kit.LocalizationKit模块。

      import { resourceManager } from '@kit.LocalizationKit';
      
      async function getRawFd(context: Context): Promise<resourceManager.RawFileDescriptor|undefined> {
         try {
            const resourceMgr: resourceManager.ResourceManager = context.resourceManager;
            const rawFileDescriptor: resourceManager.RawFileDescriptor = await resourceMgr.getRawFd('test.jpg');
            console.info('Successfully got RawFileDescriptor');
            return rawFileDescriptor;
         } catch (error) {
            console.error('Failed to get RawFileDescriptor:');
            return undefined;
         }
      }
      
  3. 创建ImageSource实例。

    • 方法一:通过沙箱路径创建ImageSource。沙箱路径可以通过步骤2的方法一获取。

      // path为已获得的沙箱路径。
      const imageSource : image.ImageSource = image.createImageSource(filePath);
      
    • 方法二:通过文件描述符fd创建ImageSource。文件描述符可以通过步骤2的方法二获取。

      // fd为已获得的文件描述符。
      const imageSource : image.ImageSource = image.createImageSource(fd);
      
    • 方法三:通过缓冲区数组创建ImageSource。缓冲区数组可以通过步骤2的方法三获取。

      const imageSource : image.ImageSource = image.createImageSource(buffer);
      
    • 方法四:通过资源文件的RawFileDescriptor创建ImageSource。RawFileDescriptor可以通过步骤2的方法四获取。

      const imageSource : image.ImageSource = image.createImageSource(rawFileDescriptor);
      
  4. 设置解码参数DecodingOptions,解码获取picture多图对象。并对picture进行操作,如获取辅助图等。对于picture和辅助图的操作具体请参考Image API参考文档

    设置期望的format进行解码:

    import { BusinessError } from '@kit.BasicServicesKit';
    import { image } from '@kit.ImageKit';
    // 创建ImageSource,请选择3中合适的方法替换。
    let fd : number = 0;
    let imageSource : image.ImageSource = image.createImageSource(fd);
    // 配置解码选项参数。
    let options: image.DecodingOptionsForPicture = {
       desiredAuxiliaryPictures: [image.AuxiliaryPictureType.GAINMAP] // GAINMAP为需要解码的辅助图类型。
    };
    // 创建picture。
    imageSource.createPicture(options).then((picture: image.Picture) => {
       console.info("Create picture succeeded.");
       let type: image.AuxiliaryPictureType = image.AuxiliaryPictureType.GAINMAP;
       let auxPicture: image.AuxiliaryPicture|null = picture.getAuxiliaryPicture(type);
       // 获取辅助图信息。
       if(auxPicture != null) {
          let auxinfo: image.AuxiliaryPictureInfo = auxPicture.getAuxiliaryPictureInfo();
          console.info('GetAuxiliaryPictureInfo Type: ' + auxinfo.auxiliaryPictureType +
             ' height: ' + auxinfo.size.height + ' width: ' + auxinfo.size.width +
             ' rowStride: ' +  auxinfo.rowStride +  ' pixelFormat: ' + auxinfo.pixelFormat +
             ' colorSpace: ' +  auxinfo.colorSpace);
          // 将辅助图数据读到ArrayBuffer。
          auxPicture.readPixelsToBuffer().then((pixelsBuffer: ArrayBuffer) => {
             console.info('Read pixels to buffer success.');
          }).catch((error: BusinessError) => {
             console.error('Read pixels to buffer failed error.code: ' + JSON.stringify(error.code) + ' ,error.message:' + JSON.stringify(error.message));
          });
          auxPicture.release();
       }
    }).catch((err: BusinessError) => {
       console.error("Create picture failed.");
    });
    
  5. 释放picture。

    picture.release();
    

你可能感兴趣的鸿蒙文章

harmony 鸿蒙Image Kit(图片处理服务)

harmony 鸿蒙申请图片解码内存(C/C++)

harmony 鸿蒙申请图片解码内存(ArkTS)

harmony 鸿蒙图片解码

harmony 鸿蒙使用ImageSource完成图片解码

harmony 鸿蒙使用ImageEffect编辑图片

harmony 鸿蒙图片编码

harmony 鸿蒙使用ImagePacker完成图片编码

harmony 鸿蒙使用Image_NativeModule处理图像信息

harmony 鸿蒙Image Kit简介

  • 所属分类: 后端技术
  • 本文标签: 软件 鸿蒙
  • 版权声明: 本文链接 https://seaxiang.com/blog/CGZS03