理解するためにこういうサンプルを作ってみました。
基本はviewBoxとsvgのサイズは同じにしておけばいいのだけれども、たとえば要素を拡大したいときになんか使えそう。
Circleのサイズを拡大するとボーダーまで一緒に太くなってしまうのだけど、viewBoxの数値を操作すればボーダーの太さはそのままに拡大縮小が可能。
on web development
理解するためにこういうサンプルを作ってみました。
基本はviewBoxとsvgのサイズは同じにしておけばいいのだけれども、たとえば要素を拡大したいときになんか使えそう。
Circleのサイズを拡大するとボーダーまで一緒に太くなってしまうのだけど、viewBoxの数値を操作すればボーダーの太さはそのままに拡大縮小が可能。