svg で xlink:href のフィルタを指定する方法はありますか? たとえば、特定の親/svg からの のみを参照したい。そのページに複数の svg があり、両方に同じ ID の要素が含まれている場合、xlink:href がどの svg であるかに関係なく、xlink:href は常に最初のインスタンスを参照するようです。
例えば、 ...
<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" .../>