JQuery：修改SVG元素维度

Question

我在HTML中嵌入了svg标记。以下代码不执行任何操作：

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

事实上，我也无法在CSS中修改它的大小。我管理的唯一方法是在html中设置width和height属性：

<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

我建议您发布一个例子，例如jsfiddle.net。

无论如何，你真的不需要jQuery来做这件事。 Here's an example使用CSS转换来更改鼠标悬停的内联svg片段的宽度和高度属性。

猜测是，如果更改不会影响您的svg片段，那么您有一些CSS会覆盖这些更改。