[css-images] Reference SVG paint servers with url()

• From: Dirk Schulze <dschulze@adobe.com>
• Date: Sat, 25 Oct 2014 05:50:46 +0000
• To: www-style list <www-style@w3.org>
• Message-ID: <F01EAD20-08D0-4AB5-ADEC-85C89A8ECAE9@adobe.com>

Hi,

I would like to suggest that it is possible to reference SVG paint servers like <pattern>, <linearGradient> or <radialGradient> with url() and that this get added to the specification.

The ‘fill' and ‘stroke' properties are the first properties to support references of SVG paint servers with url(). Both got extended in SVG2 to match the syntax of the ‘background’ shorthand property and therefore support CSS images as well.

A recent change of SVG image handling, where an SVG document won’t be able to load further sub resources, solves the cross origin issue we had before.

In WebKit we experimented with this way to reference SVG paint server resources and the result looks promising.

One difference to normal CSS Images: SVG paint servers are potentially infinite in size and won’t be clipped, repeated or sized by other properties. I could imagine to have special behaviors when referenced with element() or image().

Greetings,
Dirk

Received on Saturday, 25 October 2014 05:51:17 UTC