Bug 193492
| Summary: | Fuzzy SVG Scaling when styled with drop-shadow | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | uta.l |
| Component: | Images | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | bfulgham, lucas, sabouhallawa, simon.fraser, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Other | ||
| Hardware: | Unspecified | ||
| OS: | All | ||
uta.l
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
Reproduces in Safari on Mac too.
Simon Fraser (smfr)
Doesn't seem "very fuzzy" on macOS. Can you attach a GTK screenshot?
Said Abou-Hallawa
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
@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)
Yes.
Radar WebKit Bug Importer
<rdar://problem/88663265>
Simon Fraser (smfr)
*** Bug 205941 has been marked as a duplicate of this bug. ***