图片如何添加渐变模糊

图片如何添加渐变模糊

HarmonyOS
2024-03-17 15:14:08
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
milchcow

组件通用属性linearGradientBlur,可以为当前组件添加内容线性渐变模糊效果。参考代码如下:

@Entry 
@Component 
struct ImageExample1 { 
  private_resource1: Resource = $r('app.media.icon'); 
  @State image_src: Resource = this.private_resource1; 
 
  build() { 
    Column() { 
      Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Start }) { 
        Row({ space: 5 }) { 
          Image(this.image_src) 
            .linearGradientBlur(60, { 
              fractionStops: [[0, 0], [0, 0.33], [1, 0.66], [1, 1]], 
              direction: GradientDirection.Bottom 
            }) 
        } 
      } 
    } 
  } 
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.

参考链接

渐变模糊

分享
微博
QQ
微信
回复
2024-03-18 20:52:38
相关问题
如何添加内容的添加渐变模糊
413浏览 • 1回复 待解决
如何图片添加一个模糊的效果?
616浏览 • 2回复 待解决
图片模糊效果如何实现
932浏览 • 1回复 待解决
HarmonyOS 图片实现高斯模糊
239浏览 • 1回复 待解决
如何图片进行高斯模糊处理
2333浏览 • 1回复 待解决
如何设置图片的高斯模糊效果
3119浏览 • 3回复 待解决
如何给按钮添加图片
5806浏览 • 4回复 待解决
HarmonyOS 图片怎么做高斯模糊效果
195浏览 • 1回复 待解决
鸿蒙 如何实现一个渐变的圆形图片
12786浏览 • 2回复 已解决
鸿蒙-富文本如何添加图片
7398浏览 • 1回复 待解决
自定义组件中如何添加图片
2717浏览 • 1回复 待解决
组件如何设置模糊效果
1940浏览 • 1回复 待解决
RichEditor添加、删除、重载图片
1281浏览 • 1回复 待解决
图片编辑-如何添加多个贴纸功能
345浏览 • 0回复 待解决
HarmonyOS 如何实现高斯模糊
113浏览 • 1回复 待解决
TabList可以添加图片么?
8039浏览 • 3回复 待解决
HarmonyOS Image如何设置高斯模糊
117浏览 • 1回复 待解决
HarmonyOS是否支持图片添加水印
454浏览 • 1回复 待解决