Is it intended for the canvas inside of Studio to always have a DPR (device pixel ratio) of 1?
I'm messing with three.js, so I'm editing some of the HTML myself. After struggles with resolution sizes on different "devices", I recognized it was the DPR.
But, the studio/canvas doesn't represent this for all devices. Example, DRP for iPhone7 should be "2", but the canvas recognizes it as "1".
The first pic is Framer, the second is on my iPhone
Link to my proto
Anyone else struggling with this, there are two workarounds I found:
Option 1:width = Screen.width * window.devicePixelRatioheight = Screen.height * window.devicePixelRatio
Option 2:width = window.innerWidthheight = window.innerHeight
When using the canvas inside of FS as other devices, it will appear smaller. But, if you test on device, it will fill up the screen as expected.
All of this can be ignored... The DPR in the canvas is dependent on the monitor you're using. Which is "fun" stuff when using two monitors with diff DRPs (d'oh!)