HarmonyOS CanvasRenderingContext2D中drawImage绘制图片无法展示

参考demo：

@Entry
@Component
struct Index {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
  img = new ImageBitmap('test.png')
  @State canvasHeight: number = 300;
  build() {
    Column() {
      Canvas(this.context)
        .onReady(async () => {
          const width = this.img.width;
          const height = this.img.height;
          this.canvasHeight = width;
          this.context.drawImage(this.img, 0, 0, height, width)
        })
        .height(this.canvasHeight)
        .width('100%')
        .backgroundColor(Color.Pink)
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.