svg怎么写入html,SVG嵌入HTML

SVG：

SVG是可缩放矢量图形，1999年由万维网联盟发布。于2013年成为W3C推荐标准。

SVG是指可伸缩矢量图形

SVG用来定义用于网络的基于矢量的图形

SVG使用XML格式定义图形

SVG图像在放大或缩小(改变尺寸)的情况下，其图形质量不会受受损失

SVG是W3C的一个标准

SVG优势(与位图图像相比)：

SVG可被非常多的工具读取和修改(比如记事本)

SVG与JPEG和GIF图像比起来，尺寸更小，且可压缩性更强。

SVG是可伸缩的

SVG图像可在任何的分辨率下被高质量地打印

SVG可在图像质量不下降的情况下被放大

SVG图像中的文本是可选的，同时也是可搜索的(很适合制作地图)

SVG可以与Java技术一起运行

SVG是开放的标准

SVG文件是纯粹的XML

SVG嵌入HTML方法：

使用

元素来嵌入SVG图像

将SVG图像作为背景图像嵌入

直接使用

使用元素来嵌入SVG图像

使用元素来嵌入SVG图像

总之，SVG格式文件在矢量图基础上，嵌Web浏览器中，解决了位图图像发虚有锯齿的缺陷，更加轻量级，是UI设计师交与Web前端工程师的优先选择格式。

还可以将自己制作的图标放在特定的图标网站，交付给前端人员网站链接，供他们自行下载，可上传图标网站推荐：阿里巴巴矢量库