SVG (Scalable Vector Graphics)

SVG (Scalable Vector Graphics) 是一种开放式的图形语言，用于在网页上描述二维矢量图形。它使用 XML 格式来描述图形，并且可以被所有主流浏览器支持。

学习 SVG 的方法：

1. 了解基本的 XML 语法。
2. 学习 SVG 图形元素，如矩形、圆形、折线等。
3. 学习如何使用 CSS 和 JavaScript 来控制 SVG 图形。
4. 尝试练习编写简单的 SVG 图形。
5. 参考更多的资源，如教程、文档、博客等。

推荐的学习资源：

1. W3Schools SVG 教程：https://www.w3schools.com/graphics/svg_intro.asp
2. MDN Web Docs SVG 教程：https://developer.mozilla.org/zh-CN/docs/Web/SVG
3. SVG 官方文档：https://www.w3.org/TR/SVG11/

SVG 转换为 Base64

SVG 转换为 Base64 格式的过程通常需要使用特定的转换工具或代码。

一种常见的方法是使用 JavaScript 将 SVG 转换为 Base64：
 

var svg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle cx="100" cy="100" r="50" fill="red"/></svg>';var b64 = btoa(svg);var dataUri = 'data:image/svg+xml;base64,' + b64;

这样就可以得到一个 Base64 编码的 data URI，可以直接在网页中使用。