svg用作背景图


svg用做背景图的几种方式

1. 直接使用

background: url('data:image/svg+xml;charset=utf-8, ') no-repeat 50% 50% / 100% 100%;

2. 转为base64后使用

background-image: url('data:image/svg+xml;base64,PCEtLSDlm77moIfvvJrmlofku7YgLS0+DQo8IS0tIDxz...');

3. 外置引用

background-image: url(test.svg);