HarmonyOS 自定义设置图片颜色（前景色）的能力

import drawing from '@ohos.graphics.drawing';  
import common2D from '@ohos.graphics.common2D';  
  
@Entry  
@Component  
struct ImageExample {  
  @State imageSrc: Resource = $r('app.media.all_channel_enter');  
  private color: common2D.Color = {  
    alpha: 120,  
    red: 34,  
    green: 155,  
    blue: 100  
  };  
  private color1: common2D.Color = {  
    alpha: 190,  
    red: 255,  
    green: 30,  
    blue: 0  
  };  
  @State DrawingColorFilter: ColorFilter | undefined =  
    drawing.ColorFilter.createBlendModeColorFilter(this.color, drawing.BlendMode.MODULATE);  
  @State DrawingColorFilter1: ColorFilter | undefined =  
    drawing.ColorFilter.createBlendModeColorFilter(this.color1, drawing.BlendMode.MODULATE);  
  
  build() {  
    Column() {  
      Image(this.imageSrc)  
        .width(100)  
        .height(100)  
        .colorFilter(this.DrawingColorFilter)  
  
      Image(this.imageSrc)  
        .width(100)  
        .height(100)  
        .colorFilter(this.DrawingColorFilter1)  
    }  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.