SVG 基本语法

SVG 基本语法

SVG，即可缩放矢量图形（Scalable Vector Graphics），是一种基于可扩展标记语言（XML）的图形图像格式。SVG文件可以无限放大而不失真，这使得SVG在网页设计和开发中具有广泛的应用。本文将详细介绍SVG的基本语法，帮助您快速掌握SVG的使用。

SVG 基础结构

SVG的基本结构包括以下几部分：

• 声明SVG版本和命名空间：

  <?xml version="1.0" encoding="UTF-8"?>
  <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  

  这里声明了SVG的版本和命名空间，以便浏览器正确解析SVG文件。

• 定义视图区域：

  <svg width="600" height="400" viewBox="0 0 600 400">
  

  width和height属性定义SVG画布的宽度和高度；viewBox属性定义了画布的视图区域。

• 绘制图形： 在SVG中，可以使用多种图形元素绘制图形，如矩形、圆形、线段、文本等。

SVG 图形元素

以下是SVG中常