Page 1 of 1

Gauges Appear different on different browsers

Posted: Sat 02 Feb 2019 9:06 pm
by krmidas
Interesting how the gauges appear this way on Chrome:
1.PNG
And this way on Microsoft's Edge Browser:
2.PNG
Any ideas why?

http://tomkeramidas.com/cumulus/gauges.htm to gauge page.

Re: Gauges Appear different on different browsers

Posted: Sat 02 Feb 2019 9:09 pm
by freddie
They look virtually identical to me.

Re: Gauges Appear different on different browsers

Posted: Sat 02 Feb 2019 11:04 pm
by mcrossley
'cause Edge isn't doing a very good job of rendering them?
There are no graphics files in the gauges, they are "drawn" with code, it's up to the browser to show the result, it doesn't look like Edge does a very good job of it. Microsoft are dropping Edge - at last they are going to move to a decent browser engine, but let's see how much of a mess they can make of it!

Re: Gauges Appear different on different browsers

Posted: Sun 03 Feb 2019 1:04 am
by krmidas
freddie wrote: Sat 02 Feb 2019 9:09 pm They look virtually identical to me.
The gauges on the Edge browser are transparent. You see the sky and clouds through the face.

I think I may actually prefer it!

Re: Gauges Appear different on different browsers

Posted: Sun 03 Feb 2019 1:08 am
by krmidas
mcrossley wrote: Sat 02 Feb 2019 11:04 pm 'cause Edge isn't doing a very good job of rendering them?
There are no graphics files in the gauges, they are "drawn" with code, it's up to the browser to show the result, it doesn't look like Edge does a very good job of it. Microsoft are dropping Edge - at last they are going to move to a decent browser engine, but let's see how much of a mess they can make of it!
My page changes the sky background after dusk. Here's another comparison with the night sky, which better shows that the Edge browser is making gauges transparent.
1a.PNG
2a.PNG

Re: Gauges Appear different on different browsers

Posted: Sun 03 Feb 2019 5:59 pm
by mcrossley
After playing with the demo page it is only the "brushed stainless" background that has this issue in Edge...
... and it does display it if you set the emulation to IE 11...

Re: Gauges Appear different on different browsers

Posted: Wed 06 Feb 2019 12:20 pm
by ConligWX
When Micro$oft switch Edge to the Chromium based engine, it might work correctly.