HarmonyOS 鸿蒙Next CanvasRenderingContext2D 绘制图片drawImage不显示

请参考以下代码

// xxx.ets
@Entry
@Component
struct ImageSmoothingEnabled {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
  private offCanvas: OffscreenCanvas = new OffscreenCanvas(600, 600)
  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Stack(){
        Text('绘制图片drawImage测试')
          .fontSize(100)
        Canvas(this.context)
          .width(150)
          .height(150)
          .backgroundColor('#ffff00')
          .onReady(()=>{
            let offContext = this.offCanvas.getContext("2d", this.settings)
            let ib = new ImageBitmap(`https://www.baidu.com/img/flexible/logo/pc/result.png`)
            offContext.drawImage(ib, 0, 0, 130, 130)
            let pixelmap = offContext.getPixelMap(150, 150, 130, 130)
            offContext.setPixelMap(pixelmap)
            let image = this.offCanvas.transferToImageBitmap()
            this.context.transferFromImageBitmap(image)
          })
      }
    }
    .width('100%')
    .height('100%')
  }
}

和地图关联到一起就算不是画到地图上同样会导致绘制图片失败，能否提供下失败的日志

用Stack组件将地图和canvas包在一起，绘制图片就可以显示，参考以下demo

import { MapComponent, MapController, MapOptions, MapStatus, SysEnum } from '@bdmap/map';
import { bundleManager } from '@kit.AbilityKit';
@Entry
@Component
struct Index {
  callback?: (err: ESObject, mapController: MapController) => Promise<void>;
  mapController?: MapController;
  @State message: string = 'Hello World';
  // 设置地图控件参数
  mapOpt: MapOptions = new MapOptions({
    // 配置地图状态，如地图缩放等级、显示中心点、旋转角等
    mapStatus: new MapStatus({}),
    // 默认基础地图，可通过改变satelliteMap的值加载不同的底图
    shows: { satelliteMap: SysEnum.ESatelliteLayerType.NONE }
  });
  aboutToAppear(): void {
    // 地图初始化的回调
    this.callback = async (err:ESObject, mapController:MapController) => {
      if (!err) {
        // 获取地图的控制器类，用来操作地图
        this.mapController= mapController;
      }
    };
  }
  build() {
    Stack() {
      MapComponent({ onReady: this.callback, mapOptions: this.mapOpt }).width('100%').height('100%')
      CanvasCom()
    }
    .height('100%')
    .width('100%')
  }
}
@Component
export struct CanvasCom {
  @State message: string = 'Hello World';
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
  private img: ImageBitmap = new ImageBitmap("")
  private offCanvas: OffscreenCanvas = new OffscreenCanvas(600, 600)
  build() {
    RelativeContainer() {
      Canvas(this.context)
        .width(150)
        //.alignRules(centerParent())
        .height(150)
        .backgroundColor('#ffff00')
        .onReady(() => {
          let offContext = this.offCanvas.getContext("2d", this.settings)
          let ib = new ImageBitmap(`https://www.baidu.com/img/flexible/logo/pc/result.png`)
          offContext.drawImage(ib, 0, 0, 130, 130)
          let pixelmap = offContext.getPixelMap(150, 150, 130, 130)
          offContext.setPixelMap(pixelmap)
          let image = this.offCanvas.transferToImageBitmap()
          this.context.transferFromImageBitmap(image)
        })
    }
    .height('100%')
    .width('100%')
  }
}