设计系统 SVG 指南

SVG（可缩放矢量图形）是一种基于可扩展标记语言（XML）的图形图像格式。在 Web 设计中，SVG 提供了一种高效、可伸缩的图形解决方案。

常见用途

• 图标设计：SVG 图标易于缩放，且可以保持清晰度。
• 动画：SVG 支持动画效果，可以制作简单的交互式动画。
• 图表：SVG 适合用于创建数据可视化图表。

基础语法

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

示例：圆形

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

本站资源

想要了解更多关于 SVG 的知识，可以访问我们的 SVG 教程。

图片示例

圆形示例

SVG 图标示例

SVG 动画示例

SVG 图表示例