SVG 是一项网络标准，使艺术家和设计师能够使用 XML 语法构建精美的图形。

Lit 可以使用模板来组合 SVG，为网络创建可移植且富有表现力的图形。

Lit（Web Components）和 SVG 得到所有现代浏览器的支持。

在完成本教程之前，你应该熟悉以下概念：

• Lit 中的样式
• Lit 中的模板
• Lit 中的响应式属性
• 使用 SVG 元素
• 使用自定义属性

在本教程中，你将学习如何：

• 使用 Lit 渲染 SVG
• 使用 SVG 创建生成式图形
• 使用 CSS 为 SVG 设置主题
• 创建预览中所示的图形