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

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

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

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

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

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

.hogehoge path{
~
}

朝早く起きるのが困難

当事務所にご関心をお持ちいただきまして、ありがとうございます。
お仕事に関するご相談は下記よりお問い合わせください。

BLOG