Description

We're receiving reports from some customers that content is rendering blurry. We seem to have it tracked down to zoom settings (in the browser/in Windows/not sure).

Note the super blurry image on the left – backgrounds are actually different

Live Demo

https://prefrontalcortex.de/labs/siemensstadt-ar-v2/
https://www.siemensstadt.siemens.com/en/ar-map

We were able to reproduce the issue (both on 0.9 and 1.1 actually, so not 100% sure about the "regression" remark) by going to the Chrome dev tools, enabling "mobile mode", and then setting the zoom settings to 150%:

Note that when you refresh the page in that 150% mode, everything is crisp and clear and nice, until you set it to 100%, go back to desktop mode, repeat the process. So the assumption would be that under specific circumstances (e.g. page is scaled, Windows is scaled, mobile is "zoomed in", somehow the resulting canvas resolution is wrong.

Actually just found another way to reproduce:

• Open https://prefrontalcortex.de/labs/siemensstadt-ar-v2/
• Hover over a non-model-viewer part (e.g. some button)
• use Ctrl + Mousewheel to change page zoom
• Note that at 100%, everything is sharp
• 90% and 110% are the worst with very noticeable blur
• at 80% and 125% it's slightly noticeable
• at both lower and higher zooms it's not noticeable at all, looks sharp

Browser Affected

• Chrome
• Edge
• Firefox
• IE
• Safari

OS

• Android
• iOS
• Linux
• MacOS
• Windows