SVGをインライン記述ではなくimgタグで設置してCSSコントロールできるdeSVG.js

SVG綺麗！最高！
インラインで書かなくてもCSSでコントロールできる！deSVG.js
jQuery非依存！軽量！
備忘録。

（1）deSVG.jsをダウンロード

使用するファイル：desvg.js

deSVG.js

（2）該当のimgタグにクラス付与

<img src="hoge.svg" alt="" class="hogehoge">

（3）deSVG実行

<script>
window.addEventListener('load', function(){
deSVG('.hogehoge', true);
});
</script>

（4）CSS記述

imgタグに付与したクラス名は、そのままsvgデータに対して付与されるので、
CSSは下記で可能

.hogehoge path{
~
}

今日のひとこと

朝早く起きるのが困難