Bug 205941
| Summary: | Blurry SVG image when shadows enabled | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Lucas Johnston <lucas> |
| Component: | SVG | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Normal | CC: | bfulgham, dino, sabouhallawa, simon.fraser, webkit-bug-importer, zimmermann |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 13 | ||
| Hardware: | Mac | ||
| OS: | macOS 10.15 | ||
Lucas Johnston
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)
I guess shadows are triggering a code path that fails to take the 2x Retina scale factor into account.
Brent Fulgham
This seems to still be an issue.
Radar WebKit Bug Importer
<rdar://problem/96296736>
Simon Fraser (smfr)
*** This bug has been marked as a duplicate of bug 193492 ***