HarmonyOS鸿蒙Next中如何给图片加高斯模糊效果

HarmonyOS鸿蒙Next中如何给图片加高斯模糊效果

/**

  • 图片添加高斯模糊
  • @param filepath 本地沙箱路径 */ async function addBlur(filepath: string) { let imageSource = image.createImageSource(filepath) let pixelMap = await imageSource.createPixelMap() let headFilter = effectKit.createEffect(pixelMap); if (headFilter) { headFilter.blur(5) } this.pixelMap = headFilter.getPixelMap(); }

通过把本地沙箱路径转换为PixelMap，然后通过effectKit框架，可以给PixelMap添加各种图像效果


更多关于HarmonyOS鸿蒙Next中如何给图片加高斯模糊效果的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于HarmonyOS鸿蒙Next中如何给图片加高斯模糊效果的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，可以使用PixelMap和Effect类来实现图片的高斯模糊效果。首先，通过ImageSource加载图片并创建PixelMap对象，然后使用Effect.createBlurEffect()方法创建模糊效果，最后通过PixelMap.applyEffect()应用效果。具体代码如下：

ImageSource imageSource = ImageSource.create(src, null);
PixelMap pixelMap = imageSource.createPixelmap(null);
Effect blurEffect = Effect.createBlurEffect(radiusX, radiusY);
pixelMap.applyEffect(blurEffect);

其中，radiusX和radiusY控制模糊半径，数值越大，模糊效果越明显。

回到顶部