jquery - 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

我建议您在例如jsfiddle.net上发布您正在做的事情的示例。

无论如何，您并不需要 jQuery 来执行此操作。这是一个使用 CSS 过渡来更改鼠标悬停的内联 svg 片段的宽度和高度属性的示例。

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