代码拉取完成,页面将自动刷新
该module通过获取图片的buffer数据,使用openGL、着色器(Shader),操作GPU,达到图片滤波器的效果。
本项目基于开源库 android-gpuimage 进行OpenHarmony的自研版本:
ohpm install @ohos/gpu_transform
//获取像素点数据
let bufferData = new ArrayBuffer(bitmap.getPixelBytesNumber());
await bitmap.readPixelsToBuffer(bufferData);
// 使用GPUImageVignetterFilter过滤器
let filter = new GPUImageVignetterFilter();
filter.setImageData(bufferData, targetWidth, targetHeight);
filter.setVignetteCenter(this.centerPoint);
filter.setVignetteColor(this.vignetteColor);
filter.setVignetteStart(this.vignetteSpace[0]);
filter.setVignetteEnd(this.vignetteSpace[1]);
//获取经过gpu处理的像素点数据
let buf = await filter.getPixelMapBuf(0, 0, targetWidth, targetHeight)
//像素点数据写入
bitmap.writeBufferToPixels(buf);
滤波器类型 | 描述 |
---|---|
GPUImageBlurFilter | 模糊滤波器 |
GPUImageBrightnessFilter | 亮度滤波器 |
GPUImageColorInvertFilter | 颜色反转滤波器 |
GPUImageContrastFilter | 对比度滤波器 |
GPUImageGrayscaleFilter | 灰色滤波器 |
GPUImageKuwaharaFilter | 桑原滤波器 |
GPUImagePixelationFilter | 马赛克滤波器 |
GPUImageSepiaToneFilter | 乌墨色滤波器 |
GPUImageSketchFilter | 素描滤波器 |
GPUImageSwirlFilter | 扭曲滤波器 |
GPUImageToonFilter | 动画滤波器 |
GPUImageVignetterFilter | 装饰滤波器 |
/gpu_transform/src/main
--cpp
--common # napi公共方法封装
--constant # 顶点、片元着色器
--napi # native入口
--render # 绘制
--util # 工具层
--ets
--filter # 各种滤波器
--gl # native的js层
--interface # 接口
在下述版本验证通过:
DevEco Studio: (5.0.3.122), SDK: API12 (5.0.0.17)
DevEco Studio: (4.1.3.414), SDK: API11 (4.1.0.56)
使用过程中发现任何问题都可以提 issue 给我们,当然,我们也非常欢迎你给我们发 PR 。
本项目基于 Apache License 2.0 ,请自由的享受和参与开源。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。