HarmonyOS 有没有自定义视图绘制的案例, 绘制渐变曲线？

// xxx.ets  
@Entry  
@Component  
struct CreateLinearGradient {  
  private settings: RenderingContextSettings = new RenderingContextSettings(true)  
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)  
  build() {  
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {  
      Canvas(this.context)  
        .width('100%')  
        .height('100%')  
        .backgroundColor('#ffff00')  
        .onReady(() =>{  
          let grad = this.context.createLinearGradient(50,0, 300,100)  
          grad.addColorStop(0.0, '#ff0000')  
          grad.addColorStop(0.5, '#ffffff')  
          grad.addColorStop(1.0, '#00ff00')  
          this.context.fillStyle = grad  
          this.context.fillRect(0, 0, 400, 400)  
        })  
    }  
    .width('100%')  
    .height('100%')  
  }  
}
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.