Intent to Ship: path() support in clip-path CSS property

140 views
Skip to first unread message

Noam Rosenthal

unread,
Oct 15, 2020, 1:40:34 PM10/15/20
to blin...@chromium.org

Contact emails

noam.j.r...@gmail.com

Explainer


Specification

https://drafts.fxtf.org/css-masking-1/#the-clip-path

Summary

So far clip-path only supported other basic shapes (circle, ellipse, polygon, url). This adds support for path() as a value as specified in https://drafts.csswg.org/css-shapes-1/#funcdef-path, for example: clip-path: path(oddeven, 'M 5 5 h 100 v 100 Z') would clip the element with a triangle.



Blink component

Blink>CSS

TAG review

None

TAG review status

Not applicable

Risks



Interoperability and Compatibility

Already shipped by other browsers, with several web platform tests.



Gecko: Shipped/Shipping

WebKit: Shipped/Shipping

Web developers: No signals


Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, Chrome OS, Android, and Android WebView)?

Yes

It's a Blink CSS feature, not platform specific in any way.



Is this feature fully tested by web-platform-tests?

Yes

Tracking bug

https://bugs.chromium.org/p/chromium/issues/detail?id=880983

Sample links


https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path

Link to entry on the Chrome Platform Status

https://www.chromestatus.com/feature/5633533638868992

This intent message was generated by Chrome Platform Status.

Chris Harrelson

unread,
Oct 15, 2020, 1:42:15 PM10/15/20
to Noam Rosenthal, blink-dev
LGTM1

Agree that no TAG review is necessary, because there is already support in other browsers and the feature has a stable spec.

--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAGttnEUUtxZfEy5RagEv8ezzd%3DbT1%2BpbW_sS24VcpP%2Bknfgpxw%40mail.gmail.com.

Yoav Weiss

unread,
Oct 15, 2020, 1:59:31 PM10/15/20
to Chris Harrelson, Noam Rosenthal, blink-dev

Rick Byers

unread,
Oct 15, 2020, 2:03:06 PM10/15/20
to Yoav Weiss, Chris Harrelson, Noam Rosenthal, blink-dev
Reply all
Reply to author
Forward
0 new messages