HarmonyOS 如何实现高斯模糊

如何实现高斯模糊,对图片的高斯模糊和对纯背景色的组件模糊,下面的效果不是很明显

Row()
  .width(200)
  .height(200)
  .backgroundColor($r('app.color.black'))
  .opacity(0.8)
  .backdropBlur(20)
HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

导入图像处理(@ohos.multimedia.image)和图像效果(@ohos.effectKit)模块,对图像进行处理并添加模糊效果,参考链接https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-effectkit-V5#blur

import image from "@ohos.multimedia.image";
import effectKit from "@ohos.effectKit";

const color = new ArrayBuffer(96);
let opts = { editable: true, pixelFormat: 3, size: { height: 4, width: 6 } };
image.createPixelMap(color, opts).then((pixelMap) => {
  let radius = 5;
  let headFilter = effectKit.createEffect(pixelMap);
  if (headFilter != null) {
    headFilter.blur(radius);
  } 
}
)

背景模糊还是推荐使用backdropBlur

分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS 怎么实现高斯模糊
585浏览 • 1回复 待解决
HarmonyOS 图片实现高斯模糊
22浏览 • 1回复 待解决
HarmonyOS Image如何设置高斯模糊
62浏览 • 1回复 待解决
如何设置图片的高斯模糊效果
3063浏览 • 3回复 待解决
如何对图片进行高斯模糊处理
2150浏览 • 1回复 待解决
图片模糊效果如何实现
785浏览 • 1回复 待解决
HarmonyOS 如何实现View边缘模糊的效果
462浏览 • 1回复 待解决
HarmonyOS image支持高斯模式吗?
300浏览 • 1回复 待解决
组件如何设置模糊效果
1862浏览 • 1回复 待解决
arkts 什么时候可以实现模糊效果
3145浏览 • 1回复 待解决
HarmonyOS 相机拍照模糊
542浏览 • 0回复 待解决
图片如何添加渐变模糊
1954浏览 • 1回复 待解决
如何添加内容的添加渐变模糊
364浏览 • 1回复 待解决
如何为图片添加一个模糊的效果?
477浏览 • 2回复 待解决
openharmony怎么设置背景透明模糊?
6611浏览 • 1回复 待解决