Material: md-progress-circular seems to be pixellised

[ByJC]

Hi everyone,

The progress circular seems to be pixellised. it's more and more pixellised when the diameter is small.

is there a way to improve the look and feel of it ?

to try : https://material.angularjs.org/latest/demo/progressCircular

I use Chrome Version 49.0.2623.75 (64-bit) but I have the same effect with safari

[crisbeto]

It's using SVG so this is as sharp as it's going to get. This also depends on your screen resolution and pixel density.

[devversion]

I agree with @crisbeto, it seems to depend on the current device - settings / setup..

Notice: this is a 50x50 px circular. (intentionally not displayed)

• https://cloud.githubusercontent.com/assets/4987015/13949409/27ec1868-f025-11e5-8b12-194b559b24e9.png

[crisbeto]

Me neither, I tried both on Chrome and the latest Safari (which is kinda old tbh) on Windows.

[ByJC]

Well, I have the following resolution : 2560 x 1440.
And when i try the md-diameter="20px"
I have this results :

[crisbeto]

I took the screenshot on a 1920x1080 screen, but as I mentioned, this is as sharp as it gets and we don't really have much control over how the browser decides to render it at that small of a size.

[ByJC]

Ok guys ! I was looking an old version (1.0.5) where you transform like that : transform: translate(-50%, -50%) scale(0.2); directly on the md-scale-wrapper.

With the 1.1.0, I don't have the issue ... Sorry for bothering you

[devversion]

@ByJC No worries, thanks for keeping track.