SVG 文本

上一节:SVG 路径下一节:SVG Stroke 属性

优化或报错有奖

SVG 文本 - <text>

<text> 元素用于定义文本。

实例 1

写一个文本：

下面是SVG代码：

对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。

实例 2

旋转的文字：

下面是SVG代码：

对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。

实例 3

路径上的文字：

下面是SVG代码：

对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。

实例 4

元素可以安排任何分小组与<tspan> 元素的数量。每个<tspan> 元素可以包含不同的格式和位置。几行文本(与 <tspan> 元素):

下面是SVG代码：

对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。

实例 5

作为链接文本（ <a> 元素）：

下面是SVG代码：

对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。

上一节:SVG 路径下一节:SVG Stroke 属性

优化或报错有奖