Renderowanie svg w przeglądarce

Question

Witam.

Mam problem z jakością generowanego pliku svg.

Oto pliki:

<svg
                                xmlns="http://www.w3.org/2000/svg"
                                width="30"
                                height="30"
                                viewBox="0 0 30 30"
                            >
                                <g fill="none">
                                    <rect
                                        width="29"
                                        height="29"
                                        x=".5"
                                        y=".5"
                                        stroke="#1F7BE8"
                                        rx="14.5"
                                        class="colored-stroke"
                                    />
                                    <path
                                        fill="#1F7BE8"
                                        class="colored-fill"
                                        id="files-a"
                                        d="M9.9375,5.48437498 L9.9375,1.49999996 L4.07812498,1.49999996 C3.68847654,1.49999996 3.37499997,1.81347653 3.37499997,2.20312497 L3.37499997,15.796875 C3.37499997,16.1865235 3.68847654,16.5 4.07812498,16.5 L13.921875,16.5 C14.3115235,16.5 14.625,16.1865235 14.625,15.796875 L14.625,6.18749999 L10.640625,6.18749999 C10.2539063,6.18749999 9.9375,5.87109373 9.9375,5.48437498 Z M14.625,5.07128904 L14.625,5.24999998 L10.875,5.24999998 L10.875,1.49999996 L11.0537109,1.49999996 C11.2412109,1.49999996 11.4199219,1.57324215 11.5517578,1.70507809 L14.4199219,4.57617185 C14.5517578,4.70800779 14.625,4.88671873 14.625,5.07128904 Z"
                                        transform="matrix(-1 0 0 1 24 6)"
                                    />
                                </g>
                            </svg>

I z jakiegoś powodu okrąg w przeglądarakch jest strasznie poszczępiony. Lepiej wygląda w chrome a gorzej w firefox ale nigdy na tyle dobrze aby okrąg był wygładzony. Próbowałem różnych technik opisanych na przykład w tym wątku https://stackoverflow.com/questions/44795431/svg-not-sharp-but-blurry 

ale cały czas mam to samo.

Czy ktoś ma jakiś pomysł jak to polepszyć?

Dziękuje

 

Answer 1

Kod działa normalnie, więc myślę, że jest to wina przeglądarki lub komputera. Spróbuj zresetować ustawienia i/lub przeinstalować przeglądarkę.