Bug 32793

Summary: border-radius looks ugly
Product: WebKit Reporter: Sebastian Billaudelle <sbillaudelle>
Component: WebKitGTKAssignee: Nobody <webkit-unassigned>
Status: UNCONFIRMED    
Severity: Normal CC: bugs-noreply, mitz
Priority: P2 Keywords: PlatformOnly
Version: 528+ (Nightly build)   
Hardware: PC   
OS: Linux   
Attachments:
Description Flags
Python test case. none

Sebastian Billaudelle
Reported 2009-12-20 08:32:27 PST
The border of a div with 'border-radius' applied looks not as good and sharp rendered by Firefox 3.x. I think/hope, this should not be that hard to fix... Cairo can do a lot better;) Here's some test: http://www.css3.info/preview/rounded-border/ I apologize, if this was already fixed in some newer versions. I was not able to build WebKit from GIT...
Attachments
Python test case. (1.16 KB, text/plain)
2009-12-27 14:33 PST, Sebastian Billaudelle 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Sebastian Billaudelle
Comment 1 2009-12-27 14:31:55 PST
I just played around with PyCairo and tried to reproduce WebKit's rendering of rounded corners. I translated the code from WebCore/platform/graphics/cairo/GraphicsContextCairo.cpp's `strokeArc()` (l. 380) into Python (attached) and got a normally rendered corner. I changed the antialias-settings and line thickness to make it look like WebKit's rendering, but I didn't get it. If the rounded rect's corner is drawn by `strokeArc` (I just can't cope with WebKits 500,000 lines of code... So... I'm not shure...) I suppose, that the problem is something else and not located in this method. I'm writing a widget system for my own little desktop environment and need the border-radius setting for designing the widgets. It just looks ugly. If there is any way to help you I would love to do so...
Sebastian Billaudelle
Comment 2 2009-12-27 14:33:19 PST
Created attachment 45534 [details] Python test case.
Note You need to log in before you can comment on or make changes to this bug.