1680882 - WebRender misrenders gradients with large number of stops with small differences

Status: NEW

(Core :: Graphics: WebRender, task)

Description

[Tim Nguyen :ntim]

See: https://twitter.com/layflags/status/1334611029779734531

FWIW, Firefox with Skia seems to be rendering this correctly. Not sure with D2D.

Web platform tests should be added to cover this particular case.

This should render the same as repeating-conic-gradient(white 0grad, white 1grad, black 1grad, black 2grad) or repeating-conic-gradient(white 0grad 1grad, black 1grad 2grad).

Comment 1

[Tim Nguyen :ntim]

Seems like a problem only with WebRender (D2D is fine) for all gradient types.

Conic gradients: https://codepen.io/layflags/full/OJRMmMb

Radial gradients:
data:text/html;base64,PCFET0NUWVBFIGh0bWw+CiAgICA8aHRtbD4KICAgIDxoZWFkPgogICAgICA8dGl0bGU+UHJvdG90eXBlPC90aXRsZT4KICAgICAgPG1ldGEgY2hhcnNldD0idXRmLTgiPgogICAgICA8c3R5bGU+CiAgICAgICAgLyogQ1NTICovCiAgICAgIDwvc3R5bGU+CiAgICAgIDxzY3JpcHQgc3JjPSJodHRwczovL2NkbmpzLmNsb3VkZmxhcmUuY29tL2FqYXgvbGlicy9hcXVhcmVsbGUvMS4wLjAvQXF1YXJlbGxlLm1pbi5qcyI+PC9zY3JpcHQ+CiAgICA8L2hlYWQ+CiAgICA8Ym9keT4KICAgICAgPCEtLSBIVE1MIC0tPgogICAgICA8c2NyaXB0PgogICAgICAgIChmdW5jdGlvbigpewogICAgICAgICAgLy8gSlMKY29uc3QgZGF0YSA9IEFycmF5KDQwMCkKICAuZmlsbCgpCiAgLm1hcCgoeCwgaSkgPT4gYCR7aSAlIDIgPyAiYmxhY2siIDogIndoaXRlIn0gJHtpLzEwMH1weCAke2kgKyAxLzEwMH1weGApCiAgLmpvaW4oKTsKY29uc3QgZWxlbSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoImRpdiIpOwpjb25zdCBzdHlsZSA9IGBwb3NpdGlvbjpmaXhlZDt6LWluZGV4Ojk5OTk7dG9wOjA7Ym90dG9tOjA7bGVmdDowO3JpZ2h0OjA7YmFja2dyb3VuZDpyYWRpYWwtZ3JhZGllbnQoJHtkYXRhfSlgOwpjb25zb2xlLmxvZyhzdHlsZSk7CmVsZW0uc3R5bGU9c3R5bGU7CmRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoZWxlbSk7CgogICAgICAgIH0pKCk7CiAgICAgIDwvc2NyaXB0PgogICAgPC9ib2R5PgogICAgPC9odG1sPgogICAg

Comment 2

[Jim Mathies [:jimm]]

Attachment: chrome vs firefox