You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This is caused by rotating the whole SVG with CSS transformation. If you manually wrap the circles in a <g transform="rotate(-90)" transform-origin="50% 50%"> and remove the CSS transformation, the problem disappears.
The text was updated successfully, but these errors were encountered:
Environment
Vuetify Version: 3.6.10
Vue Version: 3.4.31
Browsers: Firefox 127.0
OS: Windows 10
Steps to reproduce
Create a circular progress with model-value of e.g. 80 and no other props.
Expected Behavior
Crisp rendering of the circles.
Actual Behavior
It will look blurry on some browsers / zoom levels.
Reproduction Link
https://play.vuetifyjs.com/#...
Other comments
This is caused by rotating the whole SVG with CSS transformation. If you manually wrap the circles in a
<g transform="rotate(-90)" transform-origin="50% 50%">
and remove the CSS transformation, the problem disappears.The text was updated successfully, but these errors were encountered: