Bug 57470

Summary: stroke-linejoin:round fails for 180 degree bends
Product: WebKit Reporter: Gavin Kistner <gavin>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: RESOLVED WORKSFORME    
Severity: Normal CC: krit, zimmermann
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: All   
OS: All   
URL: http://phrogz.net/SVG/test_linejoin_round.xhtml
Attachments:
Description Flags
Simple test case with the reported problematic markup. none

Gavin Kistner
Reported 2011-03-30 09:52:29 PDT
The following SVG element should render as a lozenge/capsule with two rounded ends. Instead, the 180 degree turn causes the right edge to be drawn flat. <polyline points="0,0 10,0 -10,0" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="70" /> Changing one of the y coordinates to non-zero (e.g. 0.1) results in the correct display. This bug is present in Safari v5.0.4 and the latest nightly Webkit.
Attachments
Simple test case with the reported problematic markup. (234 bytes, image/svg+xml)
2011-03-30 09:53 PDT, Gavin Kistner
no flags
Gavin Kistner
Comment 1 2011-03-30 09:53:45 PDT
Created attachment 87554 [details] Simple test case with the reported problematic markup.
Dirk Schulze
Comment 2 2014-05-14 23:07:25 PDT
I don't see the problem on WebKit for Mac. Should it be platform specific (WebKitGtk/EFL), please reopen the bug and prefix the title with [Cairo].
Note You need to log in before you can comment on or make changes to this bug.