SVGのViewBox

なんか一番大切な部分を忘れている。
SVGの描画領域のこと。

<svg width="400" height="400" viewBox="0 0 400 400" style="border:solid 1px #000"  onClick="creatObj();" />

大きさ以外に”viewBox”なる指定があります。
これは文字通り表示領域の指定です。

viewBox(min-x,min-y,width,height)

関連記事