svgに対する知見

[kyaido]

svgoを使う

GUIで使うこともできるけどこれだと設定ができない
単純にsvgを表示するだけならGUIだけで問題ないが、アニメーションを伴う場合細かく設定してあげる必要がある
pathの結合をされては困る場合はmergePaths: falseを設定するなど

node.jsベースで使えば各種設定をすることが可能
https://github.com/svg/svgo/

使い方は上記のReadmeを見ればよいが、こちらに各種設定の日本語訳が載っていてとても便利
http://2ndidea.com/svg/optimize-svg-with-svgo/

svgをアニメーションさせる

svgをそのまま書きだしただけでは、<path>ではなく<line>や<ellipsis>が使われている可能性がある
（使うJSによっては、）これらの要素ではアニメーションができなく、<path>に変換しなければならない
<line>に関してはsvgoを使用することで変換できる
<ellipsis>は下記のサイトで変換が可能（未使用のため精度は不明）
http://complexdan.com/svg-circleellipse-to-path-converter/