HarmonyOS Canvas横屏后定位问题

示例参考如下：

Canvas根据父节点布局测算的，可以给Canvas设置height和width，也可使用layoutWeight占满

@Entry
@Component
struct Index {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context2D: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)

  build() {
    Column() {
      Text("Title")
        .height(40)
        .width('100%')
        .textAlign(TextAlign.Center)
      Canvas(this.context2D)
        .backgroundColor(Color.Transparent)
        .layoutWeight(1)
        .onReady(() => {
          this.context2D.fillStyle = Color.Red
          this.context2D.fillRect(0, 0, this.context2D.width, this.context2D.height)
          this.context2D.clearRect(10, 10, this.context2D.width - 20, this.context2D.height - 20)
        })
    }
    .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.