HarmonyOS Canvas的context设置旋转90度，会导致图形不显示

// xxx.ets  
@Entry  
@Component  
struct DrawImage {  
  private settings: RenderingContextSettings = new RenderingContextSettings(true)  
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)  
  private offCanvas: OffscreenCanvas = new OffscreenCanvas(100, 100)  
  build() {  
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {  
      Canvas(this.context)  
        .width('100%')  
        .height('100%')  
        .backgroundColor('#ffff00')  
        .onReady(() => {  
          let path = new Path2D();  
          path.rect(0, 0, 100, 100);  
          this.context.translate(this.context.width / 2, this.context.height / 2);  
          this.context.rotate(Math.PI / 2);  
          this.context.fill(path);  
        })  
    }  
    .width('100%')  
    .height('100%')  
  }  
}