Pixel size setting can misalign canvas

[TodePond]

I can repro like this. Probably device dependent. MacOS Chrome. My screen as 2 DPI.

1. Make sure your pixel size setting is set to 1.
2. Put a rectangle on the screen, eg:

shape().out()

3. Make sure it's visible and in the middle of the screen.
4. Change the pixel size setting to 2.

Expected: Rectangle is still within the middle of the screen.
Actual: Rectangle is not visible.

Interestingly, this works fine:

shape().scrollX(0).out()

Will investigate this further!

[sqaxomonophonen]

The canvas sizing happens here:

flok/packages/web/src/components/hydra-canvas.tsx

Lines 22 to 23 in 1b53ab6

	width={window.innerWidth / displaySettings.canvasPixelSize}
	height={window.innerHeight / displaySettings.canvasPixelSize}

Before my patch it was:

      width={window.innerWidth}
      height={window.innerHeight}

I suspect the misalignment may also happen when resizing the window?

[TodePond]

I suspect the misalignment may also happen when resizing the window?

Yes I imagine so! I was trying out some fixes but got distracted by #307 instead :)