0

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 プラグインが必要ですか? （サンプルコードを提供してください）。

ありがとう

4

1 に答える 1

1

たとえばjsfiddle.netにあなたがやっていることの例を投稿することをお勧めします。

とにかく、これを行うのに jQuery は本当に必要ありません。CSS トランジションを使用して、マウスでホバーしたインライン svg フラグメントの幅と高さのプロパティを変更する例を次に示します。

変更が svg フラグメントに影響しない場合は、それらの変更をオーバーライドしている CSS があると推測されます。

于 2012-11-08T09:09:48.287 に答える