有没有在svg中指定xlink:href的过滤器?例如,我只想引用特定的父/ svg。如果我在该页面上有多个svgs,并且两者都碰巧包含一个具有相同id的元素,那么似乎xlink:href将始终引用第一个实例,无论xlink:href是哪个svg。
例如, ...
<html>
<div id="div1">
<!-- first svg -->
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="car" viewBox="214.7 0 182.6 792">
<circle.../>
</symbol>
<div id="div2">
<!-- second svg -->
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="car" viewBox="214.7 0 182.6 792">
<rect.../>
</symbol>
...
<!-- This will show as a circle, instead of a rectangle -->
<use xlink:href="#car" .../>
</svg>
</html>`
理想情况下,我希望能够使用唯一的div id作为参考。例如,
<use xlink:href="#div2 #car" .../>