HarmonyOS Canvas中关于绘制图片问题

import { resourceManager } from '@kit.LocalizationKit'  
import { image } from '@kit.ImageKit'  
@Component  
export struct LoadingView {  
  private settings: RenderingContextSettings = new RenderingContextSettings(true)  
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)  
  async drawImage() {  
    const resourceMgr: resourceManager.ResourceManager = getContext(this).resourceManager  
    const fileData: Uint8Array = await resourceMgr.getMediaContent($r('app.media.startIcon'))  
    const buffer = fileData.buffer  
    const imageSource: image.ImageSource = image.createImageSource(buffer)  
    const pixelMap: image.PixelMap = await imageSource.createPixelMap()  
    pixelMap.getImageInfo().then((info) => {  
      this.context.drawImage(pixelMap, 0, 0, 100, 100, 0, 0, 100, 100)  
    })  
  }  
  build() {  
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {  
  Canvas(this.context)  
    .width('100%')  
    .height('100%')  
    .backgroundColor('#F5DC62')  
    .onReady(() => {  
      this.drawImage()  
    })  
}  
.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.
26.
27.
28.
29.
30.
31.