NEW 218694
SVG rects with corner radii and extremely thick strokes are drawn weirdly 
https://bugs.webkit.org/show_bug.cgi?id=218694
Summary SVG rects with corner radii and extremely thick strokes are drawn weirdly
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.