_Witt_

高亮（Highlight）是一种改变文本外观以突出显示特定内容的技术，有助于提高文本的可读性和信息传达效果。通常用于强调或突出显示文本中的范围内容，帮助读者快速识别重要内容。高亮通常通过改变文本的颜色

画中画（Picture-in-Picture，以下简称PiP）想必混迹各大视频网站的朋友应该很熟悉，它是一种视频播放技术，可以将网页上的视频内容从主窗口中分离出来并在一个浮动窗口中播放。这可以让用户在

Popover的中文意思是弹出框或者弹出窗口，是指在用户与一个控件元素（通常是一个按钮或链接）交互时，出现在屏幕上的临时信息、选项或其他内容。主要是为了是向用户提供额外的信息、选项或功能，而不必离开当

伪元素（CSS pseudo-element）是文档中除由文档语言显式创建的元素之外的抽象元素。是在选择器中使用的一种特殊选择器，用于选择并添加样式到元素的特定部分，而不是元素本身，可以在不增加HTM

CSS伪类（Pseudo-class）是一种用于选择HTML元素的特殊方式，可以根据元素的状态或位置来应用样式，而不仅仅是基于元素的名称或属性。伪类在CSS中以冒号（:）开头，并且通常用于选择用户交互

本文是本系列的最后一篇文章，主要来学习SVG的动画系统。温馨提示：本文虽然看上去不难，但是实际操作的时候，往往都会考验到之前的文章中的内容，毕竟SVG的动画也得应用到元素上才有效果，至少得有基本结构吧

经过前两篇文章的学习，我们已经学习完了比较基础的元素类型，从本文开始我们正式来学习进阶内容，首先是渐变元素和滤镜元素。

承接上文，本文主要来学文本内容和其它未分类的基础元素，是该系列最简单的一篇文章。文本内容元素<text> 与<tspan><text>元素绘制由文本组成的图形元素。可以像任何其他元素一样将渐变

承接上文，本文来介绍一下相对基本的元素。**图形元素**是SVG文档中用来创建实际图形的元素。它们用于绘制线条、形状和文本等可视化内容；**容器元素**用于组织和分组图形元素，以便更好地控制它们的位置