SVG(=Scalable Vector Graphics) は、Web標準の技術で、多くのブラウザで対応していますが、オーサリング環境があまり普及していないのか、いまいち流行っていません。 ビットマップの画像ではなく、ベクタグラフィクスでWebやEPUBの図などを描くのは、セマンティックweb的にも好ましいものです。ここでは、SVGを手軽に取り入れるための実験ツールを作っています。 以下のWebツールは、Chrome,Safariでしか動作確認してません、あしからず。 簡易SVGライブエディタ SVGを手軽に試してみるための、簡易エディタ。SVGのソースとCSSを書いてその場でプレビューすることができます。基本図形は、Wyswygで入力することができます。基本ソースは手で書くんだけど、座標を拾うのは面倒なのでwyswygがいい、という折衷コンセプトです。 入力したデータは、ブラウザごとに
![SVGラボ](https://cdn-ak-scissors.b.st-hatena.com/image/square/7e40346534cce4b57130991a7b905f54fea6060a/height=288;version=1;width=512/http%3A%2F%2Fwakufactory.jp%2Fhtml5%2Fsvg%2Fsvge1.png)