1

有没有为 svg 中的 xlink:href 指定过滤器？例如，我只想从特定的父/svg 中引用 's。如果我在该页面上有多个 svg，并且两者都包含具有相同 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" .../>
4

0 回答 0