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

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

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Thu, 15 Oct 2015 14:31:38 -0700
Message-ID: <CAAWBYDBWSw4aCN9oW+nV_gdD2n5nuoP3A0mL_BjSMqhzXpHZTw@mail.gmail.com>
To: Simon Fraser <smfr@me.com>
Cc: "public-fx@w3.org" <public-fx@w3.org>
On Wed, Oct 14, 2015 at 9:10 PM, Simon Fraser <smfr@me.com> wrote:
> 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
> [2] https://bugs.webkit.org/show_bug.cgi?id=149996

+1.  We've discussed this already (maybe for other properties; shapes
or motion-path, probably?), and path(<string>) is the simplest way to
get arbitrary paths into CSS.

~TJ
Received on Thursday, 15 October 2015 21:32:30 UTC

This archive was generated by hypermail 2.3.1 : Thursday, 15 October 2015 21:32:31 UTC