| Summary: | Using LinearGradient fill on <path> shows line artefact above element bounding box | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Alexey <x-alex-95+bugzilla> | ||||||||||
| Component: | SVG | Assignee: | Nobody <webkit-unassigned> | ||||||||||
| Status: | RESOLVED DUPLICATE | ||||||||||||
| Severity: | Normal | CC: | ap, sabouhallawa, simon.fraser, webkit-bug-importer, zimmermann | ||||||||||
| Priority: | P2 | Keywords: | InRadar | ||||||||||
| Version: | Safari 16 | ||||||||||||
| Hardware: | iPhone / iPad | ||||||||||||
| OS: | Unspecified | ||||||||||||
| Attachments: |
|
||||||||||||
Created attachment 464960 [details]
Example screenshot 2
Created attachment 464961 [details]
Example screenshot 3: <img> embed
Created attachment 464962 [details]
Example file
We had a number of reports with similar symptoms, which are believed to be an issue below WebKit (cf. bug 248003, bug 245652). CC'ing Simon to confirm. *** This bug has been marked as a duplicate of bug 248003 *** |
Created attachment 464959 [details] Example screenshot 1 <path> elements which are using LinearGradient as fill occasionally display line artefacts at the top of their bounding box. The issue occurs when scaling the svg, either when viewed on its own through zoom, or when using an <img> element on a webpage. The issue seems to be triggered on certain scaling levels, which are different for each object: in practice this manifests as lines flickering as you zoom in. To the best of my knowledge and testing, desktop Safari is unaffected and does not reproduce this behavior. Attached are several example screenshots as well as a sample <svg>.