首页 > itarticle > svg-icon使用

svg-icon使用

admin 11月 12, 2020 0

svg

Scalable Vector Graphics
可缩放矢量图形
基于XML格式

如: circle.svg

<svg width="100" height="100">
   <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow"/>
   Sorry, your browser does not support inline SVG.
</svg>

优点

可用文本编辑器直接编辑
可任意缩放
可在任何分辨率下，被高质量打印
可在图像质量不下降的情况下，被放大

使用——svg sprite

未来必热：SVG Sprite技术介绍