下記SVGタグ(抜粋)があるのですが、これを指定要素(高さ400px、横幅250px)一杯に表示させるためには、どうすれば良いでしょうか?
・viewBoxを指定するためには、pathタグ全体の大きさを知る必要がある?
・それはどこから判断???
<svg viewBox="0 0 ? ?">
<path d="M 500a 10,20 … " transform="rotate(-20 500 280)"></path>
<path d="M 500a 20,30 … " transform="rotate(-7 500 280)"></path>
<path d="M 100a 10,20 … " transform="rotate(20 100 280)"></path>
<path d="M 100a 20,30 … " transform="rotate(7 100 280)"></path>
</svg>
viewbox
が表示どおりに指定されると思うのですが。viewbox
は指定されたと思います。サイズは後ろに表示されてるキャンパスっぽいものと同じになるでそれはDocument Propertyあたりで要素に合わせれたと思います。ただviewbox
の座標は表示する範囲をpxで指定してるだけなので、適当にしてもいけそうな気もしますが。あと表示時にアスペクト比を無視したい場合は<svg>
にpreserveAspectRatio="none"
も必要です(これは自動では付かなかったと思います)。