# tspan
> **说明：**
>- 从API Version 7 开始支持。
>- 文本的展示内容需要写在元素标签内，可嵌套子元素标签tspan分段。
>- 文本分段，只支持被父元素标签svg嵌套。
## 权限列表
无
## 子组件
支持tspan。
支持以下表格中的属性。
名称
|
类型
|
默认值
|
必填
|
描述
|
|---|
id
|
string
|
-
|
否
|
组件的唯一标识。
|
x
|
<length>|<percentage>
|
0
|
否
|
设置组件左上角x轴坐标
|
y
|
<length>|<percentage>
|
0
|
否
|
设置组件左上角y轴坐标。作为textpath子组件时失效。
|
dx
|
<length>|<percentage>
|
0
|
否
|
设置文本x轴偏移
|
dy
|
<length>|<percentage>
|
0
|
否
|
设置文本y轴偏移。作为textpath子组件时失效。
|
rotate
|
number
|
0
|
否
|
字体以左下角为圆心旋转角度，正数顺时针，负数逆时针
|
font-size
|
<length>
|
30px
|
否
|
设置文本的尺寸。
|
fill
|
<color>
|
black
|
否
|
字体填充颜色
|
opacity
|
number
|
1
|
否
|
元素的透明度，取值范围为0到1，1表示为不透明，0表示为完全透明。支持属性动画。
|
fill-opacity
|
number
|
1.0
|
否
|
字体填充透明度
|
stroke
|
<color>
|
black
|
否
|
绘制字体边框并指定颜色
|
stroke-width
|
number
|
1px
|
否
|
字体边框宽度
|
stroke-opacity
|
number
|
1.0
|
否
|
字体边框透明度
|
## 示例
```
/* xxx.css */
.container {
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
height: 1000px;
width: 1080px;
}
```
```
```
属性动画示例
```
/* xxx.css */
.container {
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
height: 3000px;
width: 1080px;
}
```
```
```
```
```
```
```
```
```
