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

使用CanvasRenderingContext2D的drawImage方法绘制的图片不展示。

private img:ImageBitmap = new ImageBitmap("/components/component/example.jpg")
Canvas(this.context)
  .width('100%')
  .height('100%')
  .backgroundColor('#44ffff00')
  .onReady(() =>{
    this.context.drawImage( this.img,500,500)
  })
HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
shlp

参考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)
    }
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS CanvasRenderingContext2D使用问题
36浏览 • 1回复 待解决
HarmonyOS Canvas关于绘制图片问题
400浏览 • 1回复 待解决
画布上绘制图片如何实现?
350浏览 • 1回复 待解决
使用Native、XComponent和EGL绘制图
1005浏览 • 1回复 待解决
XComponent、NativeDrawing实现2D图形绘制
1161浏览 • 1回复 待解决
使用Drawing进行2d图像绘制
949浏览 • 1回复 待解决