圖片解碼

開發(fā)步驟

圖片解碼相關(guān)API的詳細(xì)介紹請參見：圖片解碼接口說明。

1. 全局導(dǎo)入Image模塊。

   import image from '@ohos.multimedia.image';

2. 獲取圖片。
   • 方法一：獲取沙箱路徑。具體請參考獲取應(yīng)用文件路徑。應(yīng)用沙箱的介紹及如何向應(yīng)用沙箱推送文件，請參考文件管理。

     // Stage模型參考如下代碼
     const context = getContext(this);
     const filePath = context.cacheDir + '/test.jpg';

     // FA模型參考如下代碼
     import featureAbility from '@ohos.ability.featureAbility';
     
     const context = featureAbility.getContext();
     const filePath = context.getCacheDir() + "/test.jpg";

   • 方法二：通過沙箱路徑獲取圖片的文件描述符。具體請參考file.fs API參考文檔。

     該方法需要先導(dǎo)入@ohos.file.fs模塊。

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

     然后調(diào)用fs.openSync()獲取文件描述符。

     // Stage模型參考如下代碼
     const context = getContext(this);
     const filePath = context.cacheDir + '/test.jpg';
     const file = fs.openSync(filePath, fs.OpenMode.READ_WRITE);
     const fd = file?.fd;

     // FA模型參考如下代碼
     import featureAbility from '@ohos.ability.featureAbility';
     
     const context = featureAbility.getContext();
     const filePath = context.getCacheDir() + "/test.jpg";
     const file = fs.openSync(filePath, fs.OpenMode.READ_WRITE);
     const fd = file?.fd;

   • 方法三：通過資源管理器獲取資源文件的ArrayBuffer。具體請參考ResourceManager API參考文檔。

     // Stage模型
     const context = getContext(this);
     // 獲取resourceManager資源管理器
     const resourceMgr = context.resourceManager;

     // FA模型
     // 導(dǎo)入resourceManager資源管理器
     import resourceManager from '@ohos.resourceManager';
     const resourceMgr = await resourceManager.getResourceManager();

     不同模型獲取資源管理器的方式不同，獲取資源管理器后，再調(diào)用resourceMgr.getRawFileContent()獲取資源文件的ArrayBuffer。

     const fileData = await resourceMgr.getRawFileContent('test.jpg');
     // 獲取圖片的ArrayBuffer
     const buffer = fileData.buffer;

3. 創(chuàng)建ImageSource實例。
   • 方法一：通過沙箱路徑創(chuàng)建ImageSource。沙箱路徑可以通過步驟2的方法一獲取。

     // path為已獲得的沙箱路徑
     const imageSource = image.createImageSource(filePath);

   • 方法二：通過文件描述符fd創(chuàng)建ImageSource。文件描述符可以通過步驟2的方法二獲取。

     // fd為已獲得的文件描述符
     const imageSource = image.createImageSource(fd);

   • 方法三：通過緩沖區(qū)數(shù)組創(chuàng)建ImageSource。緩沖區(qū)數(shù)組可以通過步驟2的方法三獲取。

     const imageSource = image.createImageSource(buffer);

4. 設(shè)置解碼參數(shù)DecodingOptions，解碼獲取PixelMap圖片對象。

   let decodingOptions = {
       editable: true,
       desiredPixelFormat: 3,
   }
   // 創(chuàng)建pixelMap并進(jìn)行簡單的旋轉(zhuǎn)和縮放 
   const pixelMap = await imageSource.createPixelMap(decodingOptions);

   解碼完成，獲取到PixelMap對象后，可以進(jìn)行后續(xù)圖片處理。

開發(fā)示例-對資源文件中的圖片進(jìn)行解碼

1. 獲取resourceManager資源管理。

   const context = getContext(this);
   // 獲取resourceManager資源管理
   const resourceMgr = context.resourceManager;

2. 獲取rawfile文件夾下test.jpg的ArrayBuffer。

   const fileData = await resourceMgr.getRawFileContent('test.jpg');
   // 獲取圖片的ArrayBuffer
   const buffer = fileData.buffer;

3. 創(chuàng)建imageSource。

   const imageSource = image.createImageSource(buffer);

4. 創(chuàng)建PixelMap。

   const pixelMap = await imageSource.createPixelMap();