鸿蒙HarmonyOS实战开发：图片处理＞使用Image处理PixelMap数据场景 ...

 鸿蒙NEXT开发实战往期必看文章：
一分钟了解”纯血版！鸿蒙HarmonyOS Next应用开发！
“非常详细的” 鸿蒙HarmonyOS Next应用开发学习路线！（从零基础入门到醒目）
HarmonyOS NEXT应用开发案例实践总结合（持续更新......）
HarmonyOS NEXT应用开发性能优化实践总结（持续更新......）

---

开发者可以通过本指导了解如何使用Native Image的接口。
开发步骤

添加依赖
在进行应用开发之前，开发者必要打开native工程的src/main/cpp/CMakeLists.txt，在target_link_libraries依赖中添加image的libace_napi.z.so、libpixelmap_ndk.z.so以及日记依赖libhilog_ndk.z.so。

1. target_link_libraries(entry PUBLIC libace_napi.z.so libhilog_ndk.z.so libpixelmap_ndk.z.so)

复制代码

添加接口映射
打开src/main/cpp/hello.cpp文件，在Init函数中添加接口映射如下：

1. EXTERN_C_START
2. static napi_value Init(napi_env env, napi_value exports)
3. {
4.     napi_property_descriptor desc[] = {
5.         { "createPixelMapTest", nullptr, CreatePixelMapTest, nullptr, nullptr, nullptr, napi_default, nullptr },
6.         { "createAlphaPixelMap", nullptr, CreateAlphaPixelMap, nullptr, nullptr, nullptr, napi_default, nullptr },
7.         { "transform", nullptr, Transform, nullptr, nullptr, nullptr, napi_default, nullptr },
8.     };
10.     napi_define_properties(env, exports, sizeof(desc) / sizeof(desc[0]), desc);
11.     return exports;
12. }
13. EXTERN_C_END

复制代码

Native接口调用
具体接口阐明请参考API文档。
在hello.cpp文件中获取JS的资源对象，并转为Native的资源对象，即可调用Native接口，调用方式示例代码如下：
添加引用文件

1. #include <multimedia/image_framework/image_mdk_common.h>
2. #include <multimedia/image_framework/image_pixel_map_mdk.h>
3. #include <stdlib.h>

复制代码

• 创建一个 PixelMap 对象。
  
  1. napi_value CreatePixelMapTest(napi_env env, napi_callback_info info) {
  2.     napi_value udfVar = nullptr;
  3.     napi_value pixelMap = nullptr;
  5.     struct OhosPixelMapCreateOps createOps;
  6.     createOps.width = 4;
  7.     createOps.height = 6;
  8.     createOps.pixelFormat = 4;
  9.     createOps.alphaType = 0;
  10.     size_t bufferSize = createOps.width * createOps.height * 4;
  11.     void *buff = malloc(bufferSize);
  12.     if (buff == nullptr) {
  13.         return udfVar;
  14.     }
  16.     char *cc = (char *)buff;
  17.     for (int i = 0; i < 96; i++) {
  18.         *(cc++) = (char)i;
  19.     }
  20.     int32_t res = OH_PixelMap_CreatePixelMap(env, createOps, (uint8_t *)buff, bufferSize, &pixelMap);
  21.     free(buff);
  22.     if (res != IMAGE_RESULT_SUCCESS || pixelMap == nullptr) {
  23.         return udfVar;
  24.     }
  25.     return pixelMap;
  26. }

  复制代码
• 根据Alpha通道的信息，来生成一个仅包含Alpha通道信息的 PixelMap 对象。
  
  1. napi_value CreateAlphaPixelMap(napi_env env, napi_callback_info info) {
  2.     napi_value udfVar = nullptr;
  3.     napi_value thisVar = nullptr;
  4.     napi_value argValue[1] = {0};
  5.     size_t argCount = 1;
  7.     napi_value alphaPixelMap = nullptr;
  9.     napi_get_undefined(env, &udfVar);
  11.     if (napi_get_cb_info(env, info, &argCount, argValue, &thisVar, nullptr) != napi_ok || argCount < 1 ||
  12.         argValue[0] == nullptr) {
  13.         return udfVar;
  14.     }
  15.     int32_t res = OH_PixelMap_CreateAlphaPixelMap(env, argValue[0], &alphaPixelMap);
  16.     if (res != IMAGE_RESULT_SUCCESS || alphaPixelMap == nullptr) {
  17.         return udfVar;
  18.     }
  19.     return alphaPixelMap;
  20. }

  复制代码
• 对 PixelMap 数据进行处理。
  
  1. napi_value Transform(napi_env env, napi_callback_info info) {
  2.     napi_value thisVar = nullptr;
  3.     napi_value argValue[1] = {0};
  4.     size_t argCount = 1;
  6.     if (napi_get_cb_info(env, info, &argCount, argValue, &thisVar, nullptr) != napi_ok || argCount < 1 ||
  7.         argValue[0] == nullptr) {
  8.         return nullptr;
  9.     }
  10.     napi_value result = nullptr;
  11.     napi_get_undefined(env, &result);
  12.    
  13.     // 初始化NativePixelMap对象。
  14.     NativePixelMap *native = OH_PixelMap_InitNativePixelMap(env, argValue[0]);
  15.     if (native == nullptr) {
  16.         return result;
  17.     }
  19.     // 获取图片信息。
  20.     struct OhosPixelMapInfos pixelMapInfo;
  21.     OH_PixelMap_GetImageInfo(native, &pixelMapInfo);
  23.     // 获取PixelMap对象每行字节数。
  24.     int32_t rowBytes;
  25.     OH_PixelMap_GetBytesNumberPerRow(native, &rowBytes);
  27.     // 获取PixelMap对象是否可编辑的状态。
  28.     int32_t editable = 0;
  29.     OH_PixelMap_GetIsEditable(native, &editable);
  31.     // 获取PixelMap对象是否支持Alpha通道。
  32.     int32_t supportAlpha = 0;
  33.     OH_PixelMap_IsSupportAlpha(native, &supportAlpha);
  35.     // 设置PixelMap对象的Alpha通道。
  36.     int32_t alphaAble = 0;
  37.     OH_PixelMap_SetAlphaAble(native, alphaAble);
  39.     // 获取PixelMap对象像素密度。
  40.     int32_t densityG;
  41.     OH_PixelMap_GetDensity(native, &densityG);
  43.     // 设置PixelMap对象像素密度。
  44.     int32_t densityS = 100;
  45.     OH_PixelMap_SetDensity(native, densityS);
  47.     // 设置PixelMap对象的透明度。
  48.     float opacity = 0.5;
  49.     OH_PixelMap_SetOpacity(native, opacity);
  51.     // 设置缩放比例。
  52.     // scaleX: 宽为原来的0.5。
  53.     // scaleY: 高为原来的0.5。
  54.     float scaleX = 0.5;
  55.     float scaleY = 0.5;
  56.     OH_PixelMap_Scale(native, scaleX, scaleY);
  58.     // 设置偏移。
  59.     // translateX: 向下偏移50。
  60.     // translateY: 向右偏移50。
  61.     float translateX = 50;
  62.     float translateY = 50;
  63.     OH_PixelMap_Translate(native, translateX, translateY);
  65.     // 设置顺时针旋转90度。
  66.     float angle = 90;
  67.     OH_PixelMap_Rotate(native, angle);
  69.     // 设置翻转
  70.     // flipX: 水平翻转，0为不翻转，1为翻转。
  71.     // flipY: 垂直翻转，0为不翻转，1为翻转。
  72.     int32_t flipX = 0;
  73.     int32_t flipY = 1;
  74.     OH_PixelMap_Flip(native, flipX, flipY);
  76.     // 设置裁剪区域。
  77.     // cropX: 裁剪起始点横坐标。
  78.     // cropY: 裁剪起始点纵坐标。
  79.     // cropH: 裁剪高度10，方向为从上往下（裁剪后的图片高度为10）。
  80.     // cropW: 裁剪宽度10，方向为从左到右（裁剪后的图片宽度为10）。
  81.     int32_t cropX = 1;
  82.     int32_t cropY = 1;
  83.     int32_t cropW = 10;
  84.     int32_t cropH = 10;
  85.     OH_PixelMap_Crop(native, cropX, cropY, cropW, cropH);
  87.     // 获取PixelMap对象数据的内存地址，并锁定该内存。
  88.     void *pixelAddr = nullptr;
  89.     OH_PixelMap_AccessPixels(native, &pixelAddr);
  91.     // 释放PixelMap对象数据的内存锁。
  92.     OH_PixelMap_UnAccessPixels(native);
  94.     return result;
  95. }

  复制代码

JS侧调用

• 打开src\main\cpp\types\libentry\index.d.ts（其中libentry根据工程名生成），导入如下引用文件:
  
  1. import { image } from '@kit.ImageKit';
  3. export const createPixelMapTest: () => image.PixelMap;
  4. export const transform: (a: image.PixelMap) => void;

  复制代码
• 打开src\main\ets\pages\index.ets, 导入"libentry.so"(根据工程名生成)，调用Native接口，传入JS的资源对象。示比方下:
  
  1. import testNapi from 'libentry.so';
  2. import { image } from '@kit.ImageKit';
  4. @Entry
  5. @Component
  6. struct Index {
  7. @State _pixelMap : image.PixelMap | undefined = undefined;
  9. build() {
  10.     Row() {
  11.         Column() {
  12.             Button("PixelMap")
  13.             .width(100)
  14.             .height(100)
  15.             .onClick(() => {
  16.                 console.log("com.example.native_ndk_api10 button click in");
  17.                 this._pixelMap = testNapi.createPixelMapTest();
  18.                 testNapi.transform(this._pixelMap);
  19.             })
  20.             Image(this._pixelMap)
  21.             .width(500)
  22.             .height(500)
  23.             .objectFit(ImageFit.Cover)
  24.             .border({width: 1, color: Color.Blue})
  25.             }
  26.             .width('100%')
  27.         }
  28.         .height('100%')
  29.     }
  30. }

  复制代码
  
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。