SVG（可缩放矢量图形）是一种基于可扩展标记语言（XML）的图形图像格式，用于描述二维矢量图形内容。SVG 图形可以具有不同的形状、颜色、线条样式等，并且可以缩放而不失真。

基本概念

  • 矢量图形：由直线和曲线定义的图形，与像素图形不同，矢量图形可以无限放大而不失真。
  • XML：可扩展标记语言，用于定义数据的结构。

SVG 基础语法

  • SVG 标签：使用 <svg> 标签来定义 SVG 图形。
  • 元素：SVG 中包含多种元素，如 <circle>、<rect>、<line>、<polygon> 等，用于绘制不同形状。

实例

以下是一个简单的 SVG 圆形示例：

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

这个 SVG 图形会绘制一个半径为 40 的圆形，中心在 (50, 50)，绿色边框，黄色填充。

扩展阅读

想要了解更多关于 SVG 的内容，可以访问本站的 SVG 完全指南。

图片示例

(center) circle (center)