はてなブログに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にあるとおり、クリエイティブコモンズ

すごい。面白い