RESOLVED DUPLICATE of bug 248003 252133
Using LinearGradient fill on <path> shows line artefact above element bounding box
https://bugs.webkit.org/show_bug.cgi?id=252133
Summary Using LinearGradient fill on <path> shows line artefact above element boundin...
Alexey
Reported 2023-02-12 07:41:00 PST
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>.
Attachments
Example screenshot 1 (1.35 MB, image/png)
2023-02-12 07:41 PST, Alexey
no flags
Example screenshot 2 (1002.64 KB, image/png)
2023-02-12 07:42 PST, Alexey
no flags
Example screenshot 3: <img> embed (1.14 MB, image/png)
2023-02-12 07:42 PST, Alexey
no flags
Example file (22.41 KB, image/svg+xml)
2023-02-12 07:43 PST, Alexey
no flags
Alexey
Comment 1 2023-02-12 07:42:06 PST
Created attachment 464960 [details] Example screenshot 2
Alexey
Comment 2 2023-02-12 07:42:27 PST
Created attachment 464961 [details] Example screenshot 3: <img> embed
Alexey
Comment 3 2023-02-12 07:43:16 PST
Created attachment 464962 [details] Example file
Alexey Proskuryakov
Comment 4 2023-02-13 10:05:04 PST
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.
Radar WebKit Bug Importer
Comment 5 2023-02-19 07:41:16 PST
Simon Fraser (smfr)
Comment 6 2023-02-20 11:02:24 PST
*** This bug has been marked as a duplicate of bug 248003 ***
Note You need to log in before you can comment on or make changes to this bug.