コンテナー内に収まるように svg 画像のサイズを動的に変更できることを知っている人はいますか?? 私が持っているイメージがあふれていることに気づきます。私が欲しいのは、オーバーフローしないようにサイズを変更する方法です。任意の応答をいただければ幸いです。幅と高さを100％に設定してみました
27961 次
1 に答える
14
動的な幅を設定する最も簡単な方法は、widthor/andにパーセンテージ値を指定することheightです。ここのフィドルで私の例を見つけることができますhttp://jsfiddle.net/VDKwy/
したがって、重要な部分は、svg 要素のプロパティwidthとプロパティを除外するか、またはheight
<svg width="100%" height="100%"></svg>
そして、次のように内部要素にパーセンテージ値を使用します。
<rect x="10%" y="10%" width="80%" height="80%" style="fill:blue;stroke-width:5; stroke:black" />
于 2012-11-04T16:03:58.450 に答える