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

Description Myles C. Maxfield 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.
Comment 1 Myles C. Maxfield 2020-11-08 12:41:07 PST 
See also: https://twitter.com/iampiny/status/1325485150466150400
Comment 2 Radar WebKit Bug Importer 2020-11-15 12:41:45 PST 
<rdar://problem/71418473>
Comment 3 Said Abou-Hallawa 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.
Comment 4 Ahmad Saleem 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.