もっと使おうSVG

SVGというファイルフォーマットがあります。正式名をScalable Vector Graphicsファイルといいます。その名のとおり2次元のベクトルグラフィックを扱えます。

その最大の特徴はXML技術をベースにしており、タグをテキストエディタで書いていくと絵がかけてしまうということです。また、イメージマップのように絵の中の好きな位置にリンクを埋め込めるのでWebとの親和性も抜群です。マルチページにも対応し、そもそもXMLなので絵の中の文字の検索もできてしまいます。

このWeb時代に最強の画像フォーマットだと思うのですが、いまいち普及していません。それはSVGを作る道具と見る道具が普及していないからだと思います。

SVG Cats2
いくらSVGがXMLだからといって絵を描くのにテキストエディタ上でちまちまタグに座標を書こうといういう人はなかなかいません。そこでお手軽にSVGを作れるツールとしてSVGCats2を紹介します。このツールは一応シェアウェアですが、広告を見ると書いている番号を入力すると試用期間が延びるので手間を惜しまなければフリーで使えます。
テキストボックスを並べたりフリーラインも描けるし、JPEGなどを貼り付けることもできるので自由度高く絵を描くことができます。
ただ、塗りつぶし等はないので芸術的な絵は難しいですが、ビジネス向きの図を描くには十分な機能を持っています。起動も早いので仕事でちょっとしたアイデアを図的に書き留めるにはとても便利です。

FireFoxでSVG
さて、せっかく作ったSVGを見るにはどうするのかというと、WindowsではAdobeが配布しているSVG ViewerをダウンロードすればIEにプラグインが登録されるのでIEで表示できるようになります。
しかし、僕はほとんどIEを使わなくなっているので、Firefoxで見たいものです。ソースからビルドするとSVG機能を有効にする方法があるのは知っているのですが、独自にビルドするのは大変です。もっと簡単に表示させる方法がないかと探したらありました。AdobeSVGViewerをFirefoxでも使う方法がありました。その方法はきぶろぐ: FirefoxでSVG を参照してください、。

これで快適にSVGを活用することできます。

最後にSVGの可能性を感じさせるサイトを紹介します。croczilla.com