NEW 193492
Fuzzy SVG Scaling when styled with drop-shadow 
https://bugs.webkit.org/show_bug.cgi?id=193492
Summary Fuzzy SVG Scaling when styled with drop-shadow
uta.l
Reported 2019-01-16 07:00:01 PST
The problem: On mouseover zoomed in SVG graphics appear very fuzzy. It should be sharp. How to reproduce: 1. go to page http://jimmac.musichall.cz/stuff/icon-revolution/ 2- mouseover on one of the icons Version: Epiphany 3.30.2 WebKitGTK+ 2.22.5
Attachments
Add attachment proposed patch, testcase, etc.
Alexey Proskuryakov
Comment 1 2019-01-17 14:30:46 PST
Reproduces in Safari on Mac too.
Simon Fraser (smfr)
Comment 2 2019-01-17 14:32:40 PST
Doesn't seem "very fuzzy" on macOS. Can you attach a GTK screenshot?
Said Abou-Hallawa
Comment 3 2019-01-17 16:46:44 PST
This happens because the icons has a drop-shadow filter: .icon.blurred img { -webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,0.4)) drop-shadow(0 1px 10px rgba(0,0,0,0.1)); filter: drop-shadow(0 1px 1px rgba(0,0,0,0.4)) drop-shadow(0 1px 10px rgba(0,0,0,0.1)); } If I remove this filter, the icons are scaled as expected on mouse over.
uta.l
Comment 4 2019-01-18 04:26:54 PST
@Said Abou-Hallawa Is this intended behaviour though? @Alexey Proskurayakov @Simon Fraser (smfr) Also, could you please claify if it is reproducable on MacOS or not and in which version? It seems like there are two different experiences here. Is the proving screenshot still needed?
Simon Fraser (smfr)
Comment 5 2019-01-18 11:19:33 PST
Yes.
Radar WebKit Bug Importer
Comment 6 2022-02-08 17:56:45 PST
<rdar://problem/88663265>
Simon Fraser (smfr)
Comment 7 2023-08-21 10:35:22 PDT
*** Bug 205941 has been marked as a duplicate of this bug. ***
Note You need to log in before you can comment on or make changes to this bug.