How to get Actual size of Canvas in onDraw?

[radiantone]

Hi,
I'm wanting to draw my image (sprite) on my custom Loader during the onDraw callback. It works fine except I can't seem to resize the image based on the current width/height of the <canvas>.

ctx.canvas.width always stays the same, but the element width and height is updating when I resize my game window. I'm running in electron btw.

override onDraw(ctx: CanvasRenderingContext2D) {
  const htmlImageElement: HTMLImageElement = this.customImage.data;
  ctx.drawImage(htmlImageElement, 0, 0, ctx.canvas.width, ctx.canvas.height);
}

I create my Engine like so

const game = new ex.Engine({
    canvasElement: <HTMLCanvasElement>this.$refs.gameCanvas,  // <-- This resizes with the window, but the loader ctx.canvas.width never changes.
    width: 800,
    height: 600,
    snapToPixel: true,
    displayMode: ex.DisplayMode.FillContainer,
  });```

[keasy9]

I think you need drawWidth/drawHeight:

Engine.drawWidth // width of game in pixels, respects different displayModes and pixelRatio