Bug 32404 – [Qt] Graphics are distorted when using CSS transforms

• Component: New Bugs
• Status: RESOLVED LATER

[Noam Rosenthal]

See http://webkit.org/blog-files/pulse.html for example
Text looks fine in Chrome, and looks distorted in QtWebkit

[Benjamin Poulain]

Confirmed on Linux and Mac as well.

There is a problem with the rotate and/or scale transformation.

[Ariya Hidayat]

How "distorted" it is? Running it using raster graphics system seems to show similar rendering as in Chrome.

[Noam Rosenthal]

Created attachment 45648 [details]
Google Chrome (blue) and QtWebkit (purple) rendering the aforementioned CSS-animation webpage

These are Google Chrome and Qt 4.6.0 demo browser, Chrome being the upper (blue) one.
They're both set to use Times new Roman as the default font.
This is windows XP, so it's obviously the raster engine. The same happens on Linux (both X11 and raster).

You can clearly see that the text baseline in the Google Chrome version stays in a straight line while animating, and in the QtWebkit version it wiggles. You can see the uneven baseline of the text in the attached screenshot, as well.

Cheers
N

[Tor Arne Vestbø]

Please follow the QtWebKit bug reporting guidelines when reporting bugs.

See http://trac.webkit.org/wiki/QtWebKitBugs

Specifically:

  - The 'QtWebKit' component should be used for bugs/features in the public QtWebKit API layer, not to signify that the bug is specific to the Qt port of WebKit

    http://trac.webkit.org/wiki/QtWebKitBugs#Component

[Benjamin Poulain]

This is a bug in Qt, not WebKit.
I have created a bug report for it: http://bugreports.qt.nokia.com/browse/QTBUG-15465