codecamp

图片解码

图片解码指将所支持格式的存档图片解码成统一的PixelMap,以便在应用或系统中进行图片显示或图片处理。当前支持的存档图片格式包括JPEG、PNG、GIF、RAW、WebP、BMP、SVG。

开发步骤

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

  1. 全局导入Image模块。
    1. import image from '@ohos.multimedia.image';
  2. 获取图片。
    • 方法一:获取沙箱路径。具体请参考获取应用文件路径。应用沙箱的介绍及如何向应用沙箱推送文件,请参考文件管理
      1. // Stage模型参考如下代码
      2. const context = getContext(this);
      3. const filePath = context.cacheDir + '/test.jpg';
      1. // FA模型参考如下代码
      2. import featureAbility from '@ohos.ability.featureAbility';
      3. const context = featureAbility.getContext();
      4. const filePath = context.getCacheDir() + "/test.jpg";
    • 方法二:通过沙箱路径获取图片的文件描述符。具体请参考file.fs API参考文档

      该方法需要先导入@ohos.file.fs模块。

      1. import fs from '@ohos.file.fs';

      然后调用fs.openSync()获取文件描述符。

      1. // Stage模型参考如下代码
      2. const context = getContext(this);
      3. const filePath = context.cacheDir + '/test.jpg';
      4. const file = fs.openSync(filePath, fs.OpenMode.READ_WRITE);
      5. const fd = file?.fd;
      1. // FA模型参考如下代码
      2. import featureAbility from '@ohos.ability.featureAbility';
      3. const context = featureAbility.getContext();
      4. const filePath = context.getCacheDir() + "/test.jpg";
      5. const file = fs.openSync(filePath, fs.OpenMode.READ_WRITE);
      6. const fd = file?.fd;
    • 方法三:通过资源管理器获取资源文件的ArrayBuffer。具体请参考ResourceManager API参考文档
      1. // Stage模型
      2. const context = getContext(this);
      3. // 获取resourceManager资源管理器
      4. const resourceMgr = context.resourceManager;
      1. // FA模型
      2. // 导入resourceManager资源管理器
      3. import resourceManager from '@ohos.resourceManager';
      4. const resourceMgr = await resourceManager.getResourceManager();

      不同模型获取资源管理器的方式不同,获取资源管理器后,再调用resourceMgr.getRawFileContent()获取资源文件的ArrayBuffer。

      1. const fileData = await resourceMgr.getRawFileContent('test.jpg');
      2. // 获取图片的ArrayBuffer
      3. const buffer = fileData.buffer;
  3. 创建ImageSource实例。
    • 方法一:通过沙箱路径创建ImageSource。沙箱路径可以通过步骤2的方法一获取。
      1. // path为已获得的沙箱路径
      2. const imageSource = image.createImageSource(filePath);
    • 方法二:通过文件描述符fd创建ImageSource。文件描述符可以通过步骤2的方法二获取。
      1. // fd为已获得的文件描述符
      2. const imageSource = image.createImageSource(fd);
    • 方法三:通过缓冲区数组创建ImageSource。缓冲区数组可以通过步骤2的方法三获取。
      1. const imageSource = image.createImageSource(buffer);
  4. 设置解码参数DecodingOptions,解码获取PixelMap图片对象。
    1. let decodingOptions = {
    2. editable: true,
    3. desiredPixelFormat: 3,
    4. }
    5. // 创建pixelMap并进行简单的旋转和缩放
    6. const pixelMap = await imageSource.createPixelMap(decodingOptions);

    解码完成,获取到PixelMap对象后,可以进行后续图片处理

开发示例-对资源文件中的图片进行解码

  1. 获取resourceManager资源管理。
    1. const context = getContext(this);
    2. // 获取resourceManager资源管理
    3. const resourceMgr = context.resourceManager;
  2. 获取rawfile文件夹下test.jpg的ArrayBuffer。
    1. const fileData = await resourceMgr.getRawFileContent('test.jpg');
    2. // 获取图片的ArrayBuffer
    3. const buffer = fileData.buffer;
  3. 创建imageSource。
    1. const imageSource = image.createImageSource(buffer);
  4. 创建PixelMap。
    1. const pixelMap = await imageSource.createPixelMap();
视频播放
图像变换
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录
HAR

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }