[Webkit-unassigned] [Bug 108080] New: [Qt] -webkit-radial-gradient not rendered correctly

Mon Jan 28 07:07:15 PST 2013

https://bugs.webkit.org/show_bug.cgi?id=108080

           Summary: [Qt] -webkit-radial-gradient not rendered correctly
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P3
         Component: New Bugs
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: mitch.curtis at digia.com

The result of the current code using the HTML below is: http://i.imgur.com/ySef9t4.png

This is probably because Qt does not currently support non-circular gradients. I have filed a suggestion for this: https://bugreports.qt-project.org/browse/QTBUG-29355

#include <QApplication>
#include <QMainWindow>
#include <QWebView>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QMainWindow w;
    w.resize(300, 210);
    w.show();

    QWebView view(&w);
    view.resize(w.width(), w.height());
    view.load(QUrl("file:///home/micurtis/dev/test/webkit/ellipse-issue.html"));
    view.show();

    return a.exec();
}

<html>
<header></header>
<body>
<div class="xc-Ellipse" style="position: absolute; pointer-events: none; height: 139px; width: 186px; left: 57px; top: 35px; visibility: visible;"><div id="xgen_6" style="top: 0px; left: 0px; width: 185px; height: 138px; background-image: -webkit-radial-gradient(50% 50%, ellipse contain, rgba(150, 175, 207, 0.8), rgba(0, 0, 0, 0.8) 20%, rgba(255, 255, 0, 0.8) 57.142857140000004%, rgba(0, 0, 0, 0.8) 83.11688312%, rgb(255, 0, 0)); background-clip: border-box; border: 1px solid rgb(0, 0, 0); border-top-left-radius: 93px 69.5px; border-top-right-radius: 93px 69.5px; border-bottom-right-radius: 93px 69.5px; border-bottom-left-radius: 93px 69.5px;"></div></div>
</body>
</html>

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.