Bug 218694

Summary: SVG rects with corner radii and extremely thick strokes are drawn weirdly
Product: WebKit Reporter: Myles C. Maxfield <mmaxfield>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, sabouhallawa, simon.fraser, webkit-bug-importer, zimmermann
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Repro
none
Reduced test case none

Myles C. Maxfield
Reported 2020-11-08 12:40:06 PST
Created attachment 413546 [details] Repro See https://jsfiddle.net/68kc4m5n/1/ Compare rendering of WebKit between Firefox and Chrome.
Attachments
Repro (1.21 KB, image/svg+xml)
2020-11-08 12:40 PST, Myles C. Maxfield 		no flags
Details
Reduced test case (286 bytes, text/html)
2020-11-17 13:38 PST, Said Abou-Hallawa 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Myles C. Maxfield
Comment 1 2020-11-08 12:41:07 PST
See also: https://twitter.com/iampiny/status/1325485150466150400
Radar WebKit Bug Importer
Comment 2 2020-11-15 12:41:45 PST
<rdar://problem/71418473>
Said Abou-Hallawa
Comment 3 2020-11-17 13:38:03 PST
Created attachment 414382 [details] Reduced test case I am attaching another test case which show two rectangles both have fill=none and stroke-width=200. The second one has rx="30" ry="30". In WebKit and in FireFox, the rx and the ry are applied from outside the rectangle and from inside it as well. So the second rectangle is rendered as a hollow circle. In Chrome the rx and the ry are applied from outside the rectangle only. So it appears as an opaque rectangle.
Ahmad Saleem
Comment 4 2023-09-18 16:31:30 PDT
WebKit ToT matches with Chrome Canary 119 while Firefox Nightly 119 differ from both in both test cases.
Note You need to log in before you can comment on or make changes to this bug.