くりーむわーかー

タイトル通り。って何言ってんの感じのタイトルですが。

例えば、jsFidlleとかでちょっと試したい時。

手持ちのアイコン画像なんかを背景画像で指定して使おうとすると、

リソースはURL指定しかできないので困る。

そういう時に背景画像をCSS側にBase64でエンコードして埋め込める。

↓こういう事。

SVGのこういうデータを例えばこういうサイトでエンコードして、CSSに上記の感じで埋め込んであげればjsfidleでも画像の埋め込みが出来るというわけです。

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  <title>icon-select-expand</title>
  <polyline points="17 9.5 12 14.5 7 9.5" style="fill: none;stroke: #717070;stroke-miterlimit: 10"/>
</svg>

地味に便利。。。