JQuery：修改SVG元素的尺寸

Question

我有一個嵌入在HTML中的svg標籤。下面的代碼什麼也不做：

var svg = $('svg'); 
svg.attr({ 
    width: "300px", 
    height: "300px" 
}); 

事實上，我還沒有能夠在CSS中修改它的大小。我管理的唯一方法是通過設置html本身的寬度和高度屬性：

<svg 
    width="300px" 
    height="300px" 
    xmlns="http://www.w3.org/2000/svg" 
    xmlns:xlink="http://www.w3.org/1999/xlink" 
    xmlns:ev="http://www.w3.org/2001/xml-events" 
></svg> 

我應該如何更改SVG區域的大小？我需要一個JQuery SVG插件嗎？ （請提供示例代碼）。

感謝

Answer 1

我建議張貼的你正在做的e.g jsfiddle.net什麼的例子。

無論如何，你並不需要jQuery來做到這一點。 Here's an example，它使用CSS轉換來更改由鼠標懸停的內聯svg片段的寬度和高度屬性。

一個猜測是，如果更改不會影響您的svg片段，那麼您有一些CSS覆蓋了這些更改。