ビューポートに基づいてsvgをスケールする方法

Question

私は基本的なSVGサークルから始めましたが、ビューポートのサイズに基づいてスケールすることができます。

<div class="test_div"></div> 

と、このCSSを使用します：効果的test_divがビューポートの高さと同じ比率を維持するために

.test_div {height:5vh; width: 5vh;} 

を私はCSSで私は、このサンプルのdivを取ることができることを知って

<svg height="100" width="100"> <circle cx="10" cy="10" r="15" fill="black"></circle> </svg> 

変更。 SVG属性値をスケール可能なサイズ単位に置き換える方法はありますか？すなわち

<circle cx="10vh" cy="10vh" r="5vh" fill="black"></circle> 

私はあまりにも漠然とした場合ので、ここで私を助け前に、私はStackOverflowのを使ったことがない - 感謝を！

Answer 1

ピクセル値を使用する代わりに、ATSC HD標準16：9のアスペクト比に基づいてサークルサイズのパーセント値を使用します。測定用のピクセルは古くなっています。