はてなブログにSVGタグを直接埋め込む

この記事を見て、はてなブログで、SVGタグを直接、表示できたので、報告を。インラインSVGを表示させることに成功したよというお話

やり方

1. 「記事を書く」-> 「HTML編集」を選ぶ
2. code要素でsvg要素を囲む<code><svg ..></svg></code>のような感じ
3. 「プレビュー」で確認して公開する

注意点として、SVGの名前空間の属性（xmlns="http://www.w3.org/2000/svg")は忘れずにsvgタグにつけてください

サンプル

SVGのサンプル画像となるソースは、はてな様からお借りした。ライセンスはhttp://hatenacorp.jp/press/resourceにあるとおり、クリエイティブコモンズ

すごい。面白い