Bug 228771 – [cairo][GTK][WPE] Elliptic radial gradients are not working

• Component: WebKitGTK
• Status: RESOLVED FIXED

[Miguel Gomez]

There are some examples in this page that show the problem: https://people.igalia.com/magomez/gradient/index.html
All of the rendered gradients are circular while some of them should be elliptic.

The problem here is that we use cairo_pattern_create_radial() to create the gradients, and that doesn't support elliptic gradients. We need to do some transformation matrix magic in order to achieve the elliptic result.

[Miguel Gomez]

Created attachment 434898 [details]
Patch

[Miguel Gomez]

(In reply to Miguel Gomez from comment #1)
> Created attachment 434898 [details]
> Patch

This patch is going to break some layout tests that will need to be rebaselined. At this point I can't reproduce the results created by the bot, so in order to update the test results I'll wait for the bot to fail on them, get the result produced, and send later a gardening patch with the new expectations.

[EWS]

Committed r280654 (240265@main): <https://commits.webkit.org/240265@main>

All reviewed patches have been landed. Closing bug and clearing flags on attachment 434898 [details].

[Arcady Goldmints-Orlov]

As an added bonus this also fixed imported/w3c/web-platform-tests/css/css-images/multiple-position-color-stop-radial.html

[Diego Pino]

*** Bug 142516 has been marked as a duplicate of this bug. ***