When VueDrawingCanvas is wrapped in another component, drawing offset is wrong

[abesic-starke]

Before I started using your VueDrawingCanvas I tried to create my own canvas and got it working, but couldn't get touch to work and I had encountered this offset problem too.

I had this issue because I used the mouse position to draw instead of the position of the mouse relative to the canvas element...
I accomplished it by creating this code, as you can see I use mouseCanvasX and Y instead of e.clientX directly:

`
const draw = (e) => {
const rect = canvas.getBoundingClientRect();
let mouseCanvasX = (e.clientX - rect.left) / (rect.right - rect.left) * canvas.width;
let mouseCanvasY = (e.clientY - rect.top) / (rect.bottom - rect.top) * canvas.height;

  ctx.lineTo(mouseCanvasX, mouseCanvasY);
  ctx.stroke();
}

`

[Hewsman]

I have this problem as well, my current solution is to just use overflow scroll - and let user scroll if the canvas is larger than the viewport

[Krxplx]

I have this problem as well, any updates? I need my canvas to be responsive