SVG
SVG 是一种 XML 语言，类似 XHTML，可以用来绘制可缩放的矢量图形。
用途
- 网页图形：通常用于绘制图形、图标和其他矢量图形元素。
- 数据可视化：SVG 可用于创建交互式数据可视化图表，如折线图、柱状图、饼图和地图。
- 动画：SVG 支持动画功能，允许你创建图形的过渡和动态效果。
- 印刷和出版：由于 SVG 是矢量图形格式，因此它适用于印刷和出版领域。
- 交互性：SVG 可以与 JavaScript 和 CSS 结合使用，以实现交互性。这使得创建交互式用户界面元素和动态图形成为可能。
SVG 的优点
与在浏览器环境中使用的传统位图图形（例如 JPEG、GIF 和 PNG）相比，SVG 具有一些优势，原因如下：
- 比位图小得多，因此下载时间更快。
- 可以缩放图形以适应不同的显示设备，而不会出现模糊
- 客户端渲染快
- 用户可以与图形交互并更改图形
声明 svg
作为 XML 的一种方言，SVG 必须正确的配置命名空间（在 xmlns 属性中绑定）。请阅读命名空间速成页面获取更多信息。
js
<svg xmlns="http://www.w3.org/2000/svg">
<!-- more tags here -->
</svg>目录
- 入门
- 坐标定位
- 基本形状
- 路径
- 填充和边框
- 渐变
- Patterns
- 文本
- 基础变形
- 剪切和遮罩
- 滤镜效果
- SVG 字体
- SVG image 元素
- SVG 和 CSS
参考链接
MDN 官网：https://developer.mozilla.org/zh-CN/docs/Web/SVG/Tutorial
MDN 官网：https://developer.mozilla.org/zh-CN/docs/Web/SVG/Namespaces_Crash_Course
https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html