Bug 57470 - stroke-linejoin:round fails for 180 degree bends
Summary: stroke-linejoin:round fails for 180 degree bends
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: http://phrogz.net/SVG/test_linejoin_r...
Keywords:
Depends on:
Blocks:
 
Reported: 2011-03-30 09:52 PDT by Gavin Kistner
Modified: 2014-05-14 23:07 PDT (History)
2 users (show)

See Also:


Attachments
Simple test case with the reported problematic markup. (234 bytes, image/svg+xml)
2011-03-30 09:53 PDT, Gavin Kistner
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Gavin Kistner 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.
Comment 1 Gavin Kistner 2011-03-30 09:53:45 PDT
Created attachment 87554 [details]
Simple test case with the reported problematic markup.
Comment 2 Dirk Schulze 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].