哲数物を学ぶ

自然科学のことや自分の経験や考えたことについて書いていきます.誰かの役に立てれば幸いです.

はてなブログでsvg画像を表示する方法

ブログ内で画像をきれいに表示したいと思ったので,ベクター形式であるsvg画像を貼る方法を調べたのでそのメモです.

基本的にはHTML上でのsvgファイルの表示方法を使うだけです.

svgファイルをテキストエディタで開いて <svg> ... </svg> の部分をコピペすれば表示できます.

以上です.

私はブログ記事をMarkdownで書いていますが,その場合,<svg ...> ... </svg> の部分の中に空行が含まれていると表示されませんでした.

そこで,空行のそもそもの原因である改行を<svg>タグ内からすべて消去することで表示することができました.

置換で正規表現が使えるテキストエディタなら, \n\r を空白(何も入力しない)と置換すれば改行が消えます.

表示する時のサイズは<svg ...> の中のwidth=height= という部分で指定できます.片方だけ書けばいいです.


参考サイト SVGの書き出しおよび表示方法