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来执行此操作。 这是一个使用CSS过渡更改鼠标悬停的内嵌svg片段的width和height属性的示例 。

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