The problem here is that the content of the Three.js canvas is blurred when you zoom in on the tldraw canvas. I believe this is because Three.js is rendering its view at a specific resolution and not re-rendering at higher resolutions as you zoom.
To reproduce: Zoom in with Cmd+scroll. The red wireframe shape should remain sharp but it does not. (You can left-click and drag to pan.)
This canvas implements a solution that involves manually resetting the height and width of the Three.js canvas as you zoom in and out of the tldraw canvas.
The problem with this solution is that something gets reset when you hover or unhover the Three.js canvas after zooming. It returns to the low-res view, but I have not figured out why.
To reproduce: Zoom in with Cmd+scroll and then hover and unhover the Three.js canvas (the gray region with the black border).