【SVG】cssとsvgを使って日本地図のイメージマップを作ってみた話【CSS】 | web屋tM

svgことScalable Vector Graphics（スケーラブル・ベクター・グラフィックス）は、web上でも扱える二次元ベクター画像です。今までは対応しているブラウザに限りがあったので使うに使えない感じでしたが、IE9～10のサポート終了のこともあっていよいよ期は熟したと言ってもいいでしょう。（最近、こればっかりw） まぁ、うちのブログでもロゴ画像に使ってたり、アイコンに使ってたりして、実はちょいちょい使うようにはしてたのですが、なかなか大っぴらには使えなかったのが、ついに解禁ですよ。ベクター画像のいいところといえば、イラレを使ってる方ならご存知のとおり、拡大しても縮小しても画像が劣化しないことにあります。そこらへんがいわゆるラスター画像（png、gif、jpeg）などとの違いですね。 ということで、今日はsvgを使って日本地図のクリッカブル・マップを作ってみたというお話しです。

[amautt]

イメージマップ