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

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:11 UTC