SVG的简介

一、SVG是什么

• 指可伸缩矢量图形 (Scalable Vector Graphics)
• 用来定义用于网络的基于矢量的图形
• 使用 XML 格式定义图形
• 图像在放大或改变尺寸的情况下其图形质量不会有所损失
• 是万维网联盟的标准
• 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体

二、SVG支持的版本如下（详细版本）：

四、SVG图片的使用

• 在 HTML 中使用 标签引用
• 直接在 HTML 中使用 SVG 标签
• 作为 CSS 背景

五、基本标签

六、基本属性

• fill
• stroke
• stroke-width
• transform

制作整理不易，以上内容均为原创（参考了部分官方文档和老师整理的案例）。如要引用请附上本文链接，如有疑问可以在评论区畅所欲言，作者看到会第一时间回复，欢迎交流！

来源：么贺贵