我尝试使用SVG克隆/模板使用:xlink(作为discussed here),但我似乎无法使用CSS将克隆图形的路径更改为与父节点。
希望this pen解释问题。
有办法做到这一点吗?任何想法都会非常感激。
答案 0 :(得分:1)
我不会想到<use xlink:href="#marker">
作为副本产生的元素。您实际上是在引用(重新显示)原始模板,对该模板的任何更改都将反映在所有引用的实例上。
另一个原因是那些引用的实例被放在CSS无法访问的文档片段中。您无法使用CSS选择实例的内部元素。包含svg
元素的样式将应用于模板的外部形状(这就是为什么它适用于您的问题中的教程)。
我建议使用CSS来创建这些对象:http://jsbin.com/ijElUZiG/1/edit