RESOLVED DUPLICATE of bug 28113 31644
[Qt] CSS3 border-radius aliased and not rounded correctly + the top-left corner is drawn with double the specified radius.
https://bugs.webkit.org/show_bug.cgi?id=31644
Summary [Qt] CSS3 border-radius aliased and not rounded correctly + the top-left corn...
Andri Möll
Reported 2009-11-18 13:51:46 PST
Created attachment 43455 [details] qtwebkit's rendering Tested CSS3 border-radius rendering with Qt 4.6rc1 and its demo browser based on AppleWebKit/532.4. The result of http://www.css3.info/preview/rounded-border/ with WebKit is not at all like it should be. Comparisons attached.
Attachments
qtwebkit's rendering (13.50 KB, image/png)
2009-11-18 13:51 PST, Andri Möll
no flags
firefox's rendering (13.74 KB, image/png)
2009-11-18 13:52 PST, Andri Möll
no flags
safari's rendering on Windows (10.25 KB, image/png)
2010-03-10 06:15 PST, Jocelyn Turcotte
no flags
qtwebkit's rendering on Windows (10.15 KB, image/png)
2010-03-10 06:15 PST, Jocelyn Turcotte
no flags
Andri Möll
Comment 1 2009-11-18 13:52:08 PST
Created attachment 43456 [details] firefox's rendering
Yael
Comment 2 2009-12-31 08:21:21 PST
I don't think this is a Qt specific problem. I can see the problem when I load http://www.css3.info/preview/rounded-border/ in Safari 4.0.3 on Windows.
Aaron Conran
Comment 3 2010-03-04 11:50:27 PST
(In reply to comment #2) > I don't think this is a Qt specific problem. I can see the problem when I load > http://www.css3.info/preview/rounded-border/ in Safari 4.0.3 on Windows. Just tested in Safari 4.0.4 on Windows and the rendering is correct. Qt still has problems with this.
Aaron Conran
Comment 4 2010-03-04 11:51:51 PST
*** Bug 35752 has been marked as a duplicate of this bug. ***
Jocelyn Turcotte
Comment 5 2010-03-10 06:15:00 PST
Created attachment 50398 [details] safari's rendering on Windows
Jocelyn Turcotte
Comment 6 2010-03-10 06:15:28 PST
Created attachment 50399 [details] qtwebkit's rendering on Windows
Jocelyn Turcotte
Comment 7 2010-03-10 06:21:52 PST
Attached screenshots from Safari and QtWebKit on Windows. Safari and QtWebKit are similar on Windows, Safari is a bit better, but both looks better than the first QtWebKit screenshot. If this bug is related to bug #28113, I would guess that the first screenshot was not captured on Windows?
Andri Möll
Comment 8 2010-03-10 06:32:40 PST
(In reply to comment #7) > Attached screenshots from Safari and QtWebKit on Windows. > > Safari and QtWebKit are similar on Windows, Safari is a bit better, but both > looks better than the first QtWebKit screenshot. The Webkit renderings still look a lot different from Fx. Now they're just no longer aliased. The top left corner seems to have a larger radius on Webkit. > If this bug is related to bug #28113, I would guess that the first screenshot > was not captured on Windows? Taken on GNU/Linux. In a not very obvious place above, next to Platform, there's a drop-down that says Linux. Didn't see it myself before either. :-)
Jesus Sanchez-Palencia
Comment 9 2010-05-14 06:19:16 PDT
Tested on Snow Leopard with Qt 4.7 trunk (HEAD 03f8f1df0d88f5ffe0b3120cffce614cbeefdb70) and WebKit trunk (r59155), on QtLauncher. It looks fine, but maybe not perfect. Can you guys please test with the current trunk? I'm really thinking that this might be something in Qt itself.
Jocelyn Turcotte
Comment 10 2010-05-18 03:19:41 PDT
(In reply to comment #9) > It looks fine, but maybe not perfect. Can you guys please test with the current trunk? I'm really thinking that this might be something in Qt itself. On Windows it is still as on the screenshot. The missing rounding pixels are probably caused by Qt and are nothing serious in my opinion (except on X11 with the native graphics system as described in bug #28113). The double-radius problem is actually the web page that specifies a 20px radius compared to 10px for the other corners. Closing as duplicate of 28113 which is probably a Qt bug. *** This bug has been marked as a duplicate of bug 28113 ***
Note You need to log in before you can comment on or make changes to this bug.