HarmonyOS 如何实现高斯模糊

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

Row()
  .width(200)
  .height(200)
  .backgroundColor($r('app.color.black'))
  .opacity(0.8)
  .backdropBlur(20)
HarmonyOS
2024-12-24 15:47:49
浏览
收藏 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
微信
回复
2024-12-24 18:36:43
相关问题
HarmonyOS 图片实现高斯模糊
273浏览 • 1回复 待解决
HarmonyOS 怎么实现高斯模糊
725浏览 • 1回复 待解决
HarmonyOS Image如何设置高斯模糊
149浏览 • 1回复 待解决
如何设置图片的高斯模糊效果
3176浏览 • 3回复 待解决
如何对图片进行高斯模糊处理
2503浏览 • 1回复 待解决
HarmonyOS 图片怎么做高斯模糊效果
313浏览 • 1回复 待解决
图片模糊效果如何实现
1058浏览 • 1回复 待解决
HarmonyOS APP后台模糊功能实现
132浏览 • 1回复 待解决
HarmonyOS 如何实现View边缘模糊的效果
666浏览 • 1回复 待解决
HarmonyOS 有没有实现后台模糊的方法
329浏览 • 1回复 待解决
HarmonyOS image支持高斯模式吗?
386浏览 • 1回复 待解决
组件如何设置模糊效果
2024浏览 • 1回复 待解决
arkts 什么时候可以实现模糊效果
3216浏览 • 1回复 待解决
HarmonyOS 相机拍照模糊
770浏览 • 0回复 待解决
图片如何添加渐变模糊
2149浏览 • 1回复 待解决
HarmonyOS 图像模糊虚化效果
104浏览 • 1回复 待解决
HarmonyOS 后台应用列表模糊问题
125浏览 • 1回复 待解决
如何添加内容的添加渐变模糊
433浏览 • 1回复 待解决
如何为图片添加一个模糊的效果?
685浏览 • 2回复 待解决