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{
~
}

今日のひとこと

朝早く起きるのが困難

Blogs List

CONTACT

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

© Copyright 2019 NIAR All rights reserved.