個人路徑上的不同懸停/ svg中的多邊形

我通過js訪問svg。個人路徑上的不同懸停/ svg中的多邊形

<script type="text/javascript"> 

      $(function(){ 

    $("#stage").load('img/europa_regionen.svg',function(response){ 

     $(this).addClass("svgLoaded"); 

     if(!response){ 
      // Error loading SVG! 
      // Make absolutely sure you are running this on a web server or localhost! 
     } 

    }); 
}); 

    </script>

我設法改變一個單獨的多邊形的顏色一個SVG裏在我的CSS：

[id$=_x3C_object_x3E_] { 
    fill: #ffffff; 
}

有什麼辦法來廣告在我的CSS懸停效果與該id，使填充的顏色在鼠標懸停時發生變化？

來源

2016-12-22 Robert Sheekey

你可以用:hover（fiddle）做到這一點：

[id$=_x3C_object_x3E_]:hover { 
    fill: red; 
    stroke: blue; 
}

來源

2016-12-22 14:34:50

任何機會你知道，如果有可能的廣告鏈接到一個SVG個人IDS /多邊形？非常感謝！ –

您可以在您的svg中添加錨元素，如下所示：https://jsfiddle.net/ivanchaer/7vq0wbou/ –

對不起，這不是我的意思。我在svg裏有幾個多邊形，每個都有自己的id。他們現在完全徘徊，就像你向我展示的那樣。我不知道如何解決html中的個人ID以給它一個鏈接。我不知道如果沒有js，這甚至是可能的。 –

個人路徑上的不同懸停/ svg中的多邊形

回答

相關問題