SVG Advent Calendar 2015 10日目の記事です。 先週も別のAdvent Calendarに参加していたのですが、先月参加したリクリイベントでSVGについてちょっと勉強したこともあり、こちらのカレンダーにも参加してみることにしました。 今回はリクリで教わったことをベースに、データの作成からサンプル作成までの流れをざっくりと書いてみます。 SVGって? XMLをベースにした、ベクター画像フォーマットです。 ベクター画像なので、拡大してもきれいなため、高解像度端末でもきれいに見えます。 対応環境 IE9~、Android3~で対応しており、その他のブラウザも最新版であれば問題なく表示されます。 (ちなみに、ChromeよりもIEの方がSVGのレンダリングがきれいだそうです。) 埋め込み方 埋め込み方は大きく見ると4つほどあります。 1.img要素としてHTMLに埋め込む
![Adobe Illustratorで描いたイラストをSVGで実装する方法 - Hatsuka](https://cdn-ak-scissors.b.st-hatena.com/image/square/4181ef3dac0634bdd4e7a5464c88b5152c04bd20/height=288;version=1;width=512/http%3A%2F%2Fhatsuka.info%2Fwordpress%2Fwp-content%2Fuploads%2F2015%2F12%2Fkankyosettei_01.jpg)