After setting the render canvas size to roughly 4000x4000px, everything appears fine. However, when testing sizes such as 5k, 6k, and 8k, it seems that part of the scene is being cropped in some way. View the image below for reference:
https://i.sstatic.net/Ka7us.png
For canvas sizes up to around 4k, the content is correctly rendered in the center of the canvas. But for larger canvas sizes, it cuts off the content.
- Could this be a limitation of Three.js/WebGL?
- If so, what are the maximum canvas dimensions that won't result in any "deformations"?
- Is there any solution to this issue? I require a high-resolution (8k) snapshot of the canvas.