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 图片实现高斯模糊
1118浏览 • 1回复 待解决
HarmonyOS 怎么实现高斯模糊
1360浏览 • 1回复 待解决
HarmonyOS Image如何设置高斯模糊
868浏览 • 1回复 待解决
如何设置图片的高斯模糊效果
4053浏览 • 3回复 待解决
如何对图片进行高斯模糊处理
3763浏览 • 1回复 待解决
HarmonyOS 图片怎么做高斯模糊效果
1489浏览 • 1回复 待解决
图片模糊效果如何实现
1860浏览 • 1回复 待解决
HarmonyOS APP后台模糊功能实现
1165浏览 • 1回复 待解决
HarmonyOS 如何实现View边缘模糊的效果
1762浏览 • 1回复 待解决
HarmonyOS image支持高斯模式吗?
1102浏览 • 1回复 待解决
HarmonyOS 有没有实现后台模糊的方法
1115浏览 • 1回复 待解决
组件如何设置模糊效果
3001浏览 • 1回复 待解决
arkts 什么时候可以实现模糊效果
4139浏览 • 1回复 待解决
HarmonyOS 相机拍照模糊
2322浏览 • 1回复 待解决
图片如何添加渐变模糊
2911浏览 • 1回复 待解决
HarmonyOS 图像模糊虚化效果
975浏览 • 1回复 待解决
HarmonyOS 后台应用列表模糊问题
820浏览 • 1回复 待解决
如何添加内容的添加渐变模糊
995浏览 • 1回复 待解决
HarmonyOS 页面转场时,页面要模糊
731浏览 • 1回复 待解决