RESOLVED DUPLICATE of bug 193492 205941
Blurry SVG image when shadows enabled 
https://bugs.webkit.org/show_bug.cgi?id=205941
Summary Blurry SVG image when shadows enabled
Lucas Johnston
Reported 2020-01-08 11:25:20 PST
I've exported two identical SVGs from my design tool, Figma, except one has shadows enabled and one does not. The image with shadows looks compressed and is nowhere near as clean as the standard option - this means I don't have a clear way to add shadows to my svgs (as it's a rounded shape and the css properties apply to the whole square of allocated space, leaving white borders). SVG with shadows: https://github.com/lucasjohnston/temp-svgs/blob/master/shadow.svg SVG without shadows: https://github.com/lucasjohnston/temp-svgs/blob/master/no_shadow.svg Screenshot of comparison within Safari: https://github.com/lucasjohnston/temp-svgs/blob/master/Screenshot%202020-01-08%20at%2019.20.06.png Screenshot of comparison within VS Code's previewer (for comparison): https://github.com/lucasjohnston/temp-svgs/blob/master/Screenshot%202020-01-08%20at%2019.23.34.png
Attachments
Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2020-01-09 10:35:04 PST
I guess shadows are triggering a code path that fails to take the 2x Retina scale factor into account.
Brent Fulgham
Comment 2 2022-07-01 09:24:30 PDT
This seems to still be an issue.
Radar WebKit Bug Importer
Comment 3 2022-07-01 09:24:44 PDT
<rdar://problem/96296736>
Simon Fraser (smfr)
Comment 4 2023-08-21 10:35:22 PDT
*** This bug has been marked as a duplicate of bug 193492 ***
Note You need to log in before you can comment on or make changes to this bug.