[Webkit-unassigned] [Bug 205941] New: Blurry SVG image when shadows enabled

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=205941

            Bug ID: 205941
           Summary: Blurry SVG image when shadows enabled
           Product: WebKit
           Version: Safari 13
          Hardware: Macintosh
                OS: macOS 10.15
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: New Bugs
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: lucas at lucasjohnston.co.uk

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

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20200108/311caf97/attachment.htm>