QRCodeCanvas isn't re-rendered when zooming web page manually in a browser

[SerVB]

Hi,
I see the QRCodeCanvas is blurry when I zoom the page in via the browser. If I re-render this QRCodeCanvas manually (e.g. by changing the QR) then, it becomes sharp again because internally it's density-aware.

So I've decided to create this feature request of the QRCodeCanvas to automatically detect density change and re-render itself to be always sharp.

[zpao]

Ah, I hadn't really thought about this. Honestly, my first recommendation would be to just use SVG instead of Canvas.

But practically, it may be possible to listen for resize events (which I think trigger on zoom). We'd make devicePixelRatio part of the state so we could set it and make it part of the useEffect dependencies. Should be relatively straightforward, even if extraneous for most people.

We'd want to see how pinch to zoom behaves and what that triggers / what even needs to happen.