svg: text

text, tspan

和标签是定义文本的基本标签。

text 属性

x: 文本绘制x轴位置
y: 文本绘制y轴位置
dx: 每个字符相对前一个字符的偏移距离
dy: 每个字符相对前一个字符的偏移距离

文本水平垂直居中

水平排列

text-anchor属性可设置文本水平排列，有三个取值 start | middle | end

标签

可以让文本在指定路径上排列 。

超出Path的部分，浏览器不进行渲染。

文本在路径上的偏移可以用定位属性  x,  y,  dx,  dy，text-anchor  和  startOffset  属性 。

1. x/dx/startOffset可以设置字符在路径上的渲染起点。
2. y属性设置是没有任何效果的。
3. dy可设置字符在法线上的偏移。
4. text-anchor是设置文本水平排列效果。