Bug 32793 - border-radius looks ugly
Summary: border-radius looks ugly
Alias: None
Product: WebKit
Classification: Unclassified
Component: WebKitGTK (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Linux
: P2 Normal
Assignee: Nobody
Keywords: PlatformOnly
Depends on:
Reported: 2009-12-20 08:32 PST by Sebastian Billaudelle
Modified: 2017-03-11 11:02 PST (History)
2 users (show)

See Also:

Python test case. (1.16 KB, text/plain)
2009-12-27 14:33 PST, Sebastian Billaudelle
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Sebastian Billaudelle 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...
Comment 1 Sebastian Billaudelle 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...
Comment 2 Sebastian Billaudelle 2009-12-27 14:33:19 PST
Created attachment 45534 [details]
Python test case.