HarmonyOS 怎么给图片渲染不同的颜色

可以参考https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-image-V5#colorfilter9

具体demo如下：

import drawing from '@ohos.graphics.drawing';
import common2D from '@ohos.graphics.common2D';

@Entry
@Component
struct ImageExample {
  @State imageSrc: Resource = $r('app.media.icon');
  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.