SVG text-anchor 属性

text-anchor属性用于对齐自动换行或预格式化的文本。环绕区域由相对于给定点的inline-size属性决定。在多行文本的情况下，对每一行进行对齐。它仅对以下元素有效、、、 和

句法：

text-anchor = start | middle | end

属性值： text-anchor属性接受上面提到的和下面描述的值：

• start：使用该属性值对齐字符，使文本字符串的开头位于初始当前文本位置。
• middle：使用该属性值，字符对齐，使得文本字符串的中间位于当前文本位置。
• end：使用此属性值，字符被移动，使得生成的渲染文本的结尾位于初始当前文本位置。

示例 1：下面的示例说明了text-anchor属性的使用。

输出：

示例 2：

HTML

输出：

示例 3：

HTML

输出：