skip to content
迷走

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Id

/ 2 min read

Table of Contents

Testing the title tag

SVG (Scalable Vector Graphics) 是一种基于 XML 的、用于描述二维矢量图形的开放标准。与 JPEG、PNG 等位图(由像素构成)不同,SVG 是通过数学公式来描述图形的,因此它有两大核心优势:

  1. 无限缩放不失真:无论放大多少倍,图像边缘都保持清晰锐利。

  2. 文件体积小:通常比同等质量的位图文件小很多,利于网页加载。

  3. 可编辑和可编程:可以直接用代码控制和修改,也可以通过 CSS 和 JavaScript 添加动画和交互效果。

创建SVG的两种主要方法 制作SVG主要有两种途径:一种是像画画一样使用图形软件,另一种是像写代码一样直接编写。

使用图形设计软件(设计师/普通用户首选) 这是最常见和直观的方法。你可以在一个可视化的界面中绘制图形、设计图标或图表,然后将作品导出为 .svg 格式。

手动编写或编程生成(开发者/技术人员常用) 因为SVG本质上是XML代码,所以你可以直接在文本编辑器中手写代码来创建图形。对于需要动态生成图形(如数据可视化图表)或进行精细控制的场景,这种方法非常强大。

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>