CSS样式的克隆SVG中的路径

时间:2013-12-24 19:00:01

标签: css svg

我尝试使用SVG克隆/模板使用:xlink(作为discussed here),但我似乎无法使用CSS将克隆图形的路径更改为与父节点。

希望this pen解释问题。

有办法做到这一点吗?任何想法都会非常感激。

1 个答案:

答案 0 :(得分:1)

我不会想到<use xlink:href="#marker">作为副本产生的元素。您实际上是在引用(重新显示)原始模板,对该模板的任何更改都将反映在所有引用的实例上。

另一个原因是那些引用的实例被放在CSS无法访问的文档片段中。您无法使用CSS选择实例的内部元素。包含svg元素的样式将应用于模板的外部形状(这就是为什么它适用于您的问题中的教程)。

我建议使用CSS来创建这些对象:http://jsbin.com/ijElUZiG/1/edit