图片如何添加渐变模糊

图片如何添加渐变模糊

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 
            }) 
        } 
      } 
    } 
  } 
}

参考链接

渐变模糊

分享
微博
QQ
微信
回复
2024-03-18 20:52:38