在SVG中，通过text标签来绘制文字。这是一个双重标签。基本语法为：cusptext，cusp/text，在标签中填写文本的内容。它的属性x和属性y定义了文本的位置坐标，值为一个数字。还有两个常用属性：font-size，定义了文字的大小，值为数字。text-anchor，定义文本的对齐方式。一共有三个值：start，对齐到文本的左端；middle，对齐到文本的中间；end，对齐到文本的末尾。让我们举个例子。新建一个文件text.html，完成基本代码，在body中添加一个svg标签，定义属性width等于300，height等于30。在svg中添加text标签，在text中写一些文字，定义属性x等于0，y等于5，填充等于红色。保存文档。在浏览器中预览，一段文字被绘制出来。这里你可能会问：为什么不用p标签在svg中显示文字呢？我们知道svg是在canvas上绘制图形，text也是绘制的对象。这样，我们就可以使用一些特定于svg的功能来控制文本，例如旋转文本。我们为文本标签定义了transform属性，值为rotate函数，在括号中定义了两个参数：第一个参数为旋转角度。第二个参数是旋转中心点的坐标。该参数默认为原点(0,0)。用空格分隔两个参数。回到编辑器，在之前的svg末尾添加一个br标签。回车和换行。添加一个新的svg标签，属性width等于200，height等于60。在svg中添加text标签，在text中写一些文字，定义属性x等于0，y等于15，fill等于red。定义transform属性，值为rotate，括号，30个空格，20,40rotate(3020,40)。节省。回到浏览器，刷新，文字就旋转了。text元素可以包裹多个tspan子元素。每个tspan元素可以包含不同的格式和位置。回到编辑器，在之前的svg末尾添加一个br标签。回车和换行。添加一个新的svg标签，其属性宽度等于200，高度等于90。给svg添加一个text标签，定义属性x等于10，y等于20，fill等于red。在文本中写一些文本。在文本下面，定义一个tspan标签，属性x等于10，y等于45，在里面写一些内容。复制一个tspan，属性x等于10，y等于70，改写里面的内容。回到浏览器，刷新，显示三行文字。你可能会问：文字绘制的文字可以链接吗？好的。给文本添加链接的方法是用标签包裹文本标签，并在a标签中添加xlink:href属性。属性值是链接的地址，也可以定义target属性。为什么不在这里使用href属性呢？事实上，svg使用xml语法来定义元素。我们还需要在svg标签上定义一个命名空间属性xmlns:xlink。属性值一般写成w3c的这个URL（http://www.w3.org/1999/xlink）。这里不用深究，直接记下来就可以了。回到编辑器，在之前的svg末尾添加一个br标签。回车和换行。添加一个新的svg标签，其属性宽度等于200，高度等于30，xmlns:xlink等于此URL。在svg中添加一个标签，定义xlink:href属性，值为链接地址，我们设置为本地html文件。在a标签内添加一个文本标签并填写一些文本。为x等于0、y等于15且填充等于红色的文本定义属性。节省。回到浏览器，刷新，点击文字链接，在新窗口打开本地网页。文章配套视频链接https://www.bilibili.com/video...
