W3C home > Mailing lists > Public > public-fx@w3.org > October to December 2015

[css-masking] clip-path: path()

From: Simon Fraser <smfr@me.com>
Date: Wed, 14 Oct 2015 21:10:49 -0700
Message-id: <911556BB-8C6E-4A19-9AA2-8B0C9CB46647@me.com>
To: public-fx@w3.org
I would like the clip-path: property[1] to actually support bezier paths (as a naive interpretation of the property name would have you expect).

The syntax would be a path function with an SVG-style path as a string, for example:

clip-path: path("M10 10 H 90 V 90 H 10 L 10 10”);

The units wold be interpreted as CSS pixel units, relative to the origin of the geometry box. Paths would be animatable, following the same rules as SVG.

I have a work-in-progress patch to add support for this to WebKit[2].

Simon

[1] https://drafts.fxtf.org/masking/#the-clip-path <https://drafts.fxtf.org/masking/#the-clip-path>
[2] https://bugs.webkit.org/show_bug.cgi?id=149996 <https://bugs.webkit.org/show_bug.cgi?id=149996>
Received on Thursday, 15 October 2015 04:11:20 UTC

This archive was generated by hypermail 2.3.1 : Thursday, 15 October 2015 04:11:20 UTC