人気ブログランキング | 話題のタグを見る

SVG の画像をセンタリングする。

SVGで図表を作成しても、HTML文書の中でレイアウトできなければ使い勝手が悪い。しかし、SVG 要素 を DIV要素
の子要素にして、DIV 要素のスタイルを text-align: center にすると画像のセンタリングができるようだ。

<div style="text-align: center">
<svg widhth="200" height="200">
<circle cx="100" cy="100" r="80" fill="red">
</svg>
</div>

SVG 要素の中に図表を作成して DIV 要素でくるんでやれば、HTML文書内でのレイアウトがしやすくなる。

by tnomura9 | 2016-07-07 15:48 | JavaScript | Comments(0)
<< 読書百編 SVG入門 >>