W3C home > Mailing lists > Public > www-svg@w3.org > February 2014

Re: fill and stroke properties with CSS <image> values

From: Cameron McCormack <cam@mcc.id.au>
Date: Mon, 03 Feb 2014 14:30:36 +1100
Message-ID: <52EF0D5C.7090602@mcc.id.au>
To: Dirk Schulze <dschulze@adobe.com>
CC: www-svg <www-svg@w3.org>, public-fx <public-fx@w3.org>, Chris Lilley <chris@w3.org>
Cameron McCormack wrote:
>> I think it's going to be kind of unobvious that you need to use
>> image(color) for the common case of putting a colour underneath a
>> hatch pattern.  For example not being able to write:
>>
>> fill: yellow, url(#diagonalhatch);

Dirk Schulze wrote:
> This example doesn’t make sense. You the last specified layer is the
> last layer to draw. In your case you would not see diagonal hatch
> because you fill the are with yellow right after it.

Oh, because in 'background' the list of background layers goes from
front to back, I see.  I forgot that.  Why is that the case again? :)

> I assume you want
>
> fill: url(#diagonalhatch) yellow;
>
> This would be possible and is more likely to be useful. It would fill
> the area with yellow first and draw the hatch on top of it.

OK, so that or "fill: url(#diagonalhatch), yellow" would both work.  Thanks.
Received on Monday, 3 February 2014 03:31:13 UTC

This archive was generated by hypermail 2.3.1 : Wednesday, 8 March 2017 09:47:35 UTC