風 山 堂

(foussin's diary)

Inkscape の SVG 画像をはてなブログで表示できるかテスト(追記あり)

カテゴリ:はてなブログ・テスト

 まずは、はてなフォトライフにアップロードできるか。

f:id:foussin:20140218011633p:plain

エラー発生。SVG ファイルはアップロードできなかった。じゃあ、メインサイトに置いてリンクしたらどうか。
http://blue.zero.jp/foussin/cgi/src/example/svg/solar-term.svg

 url を貼っただけでは、ただのリンクか。それじゃあ、<img> タグはどうかな。? SVG でも使えるのか、ちょっと試してみる。

svg image

 お、使えるみたい。自動縮小で表示された。フォトライフが使えないのはちょっと不便だが、メインサイトDropbox があれば何とかなるか。とりあえず、Inkscape 形式で保存した SVG が、そのままブラウザで表示できるようだ。動作確認は Firefox で行った。他のブラウザは後で試す。

追記:とりあえず、GoogleChrome も表示できた。IE は縦横比が変になった。Internet Explorer の default.css は独自解釈しすぎっぽい。。。

 

さらに追記:このデータ、二十四節気の回転の向きが逆でした。なのでボツにします(もしかしたら南半球用のデータとして使えるかも)。

f:id:foussin:20140219210818j:plain もう、このデータはボツですね。

もっといいやつ作ったので。 新データ:もっといいやつ(2014.02.19 Wed)