- From: Tab Atkins Jr. <jackalmage@gmail.com>
- Date: Tue, 15 Sep 2015 19:18:37 -0700
- To: www-svg <www-svg@w3.org>
Heya everyone, I've been threatening to merge Doug's old SVG
Parameters spec with CSS Variables for some time. I just now got
around to it:
https://tabatkins.github.io/specs/svg-params/
Basic idea is to introduce a param() fragment identifier that can
specify a custom property, like:
http://example.com/image.svg#param(--color%20blue)
Within CSS, where you might want to pass one of the page's own custom
properties down into a referenced SVG, the url() function sprouts a
param() function as well:
background-image: url("image.svg" param(--color var(--page-color)));
Either syntax sets the initial value of the given custom property to
the given value, allowing it to be used in any CSS properties on the
page. (And, I think, presentation attributes, if they're parsed as
CSS.)
This does not handle passing text content into SVG, at least until
<text> allows the 'content' property to work. However, the styling
possibilities are significant.
Thoughts?
~TJ
Received on Wednesday, 16 September 2015 02:19:25 UTC