Bug 57470

Summary:

stroke-linejoin:round fails for 180 degree bends

Product:

WebKit

Reporter:

Gavin Kistner <gavin>

Component:

SVG

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED WORKSFORME

Severity:

Normal

CC:

krit, zimmermann

Priority:

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

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].