MD Video

Appearance

基础位置 ​

为了方便处理元素位置，提供@position配置项，以帮助快速定位元素

借助offsetX,offsetY可以帮助微调位置信息，此配置对大部分元素生效

![](https://mdvideo.wvovw.com/logo.png)

```元素配置
@position=center
```

可以为以下八个值

  • top：顶部居中
  • bottom：底部居中
  • center：垂直居中
  • top-left：左上角
  • top-right：右上角
  • center-left：垂直居中靠左
  • center-right：垂直居中靠右
  • bottom-left：左下角
  • bottom-right：右下角

示例 ​

以下文本将会转为对应视频： ​

&backgroundColor=#2A52BE
&duration=10

![](https://mdvideo.wvovw.com/logo.png)

```元素配置
@position=top-left
@width=0.1
@height=0.1
@delay=0
```

![](https://mdvideo.wvovw.com/logo.png)

```元素配置
@position=top
@width=0.1
@height=0.1
@delay=1
```

![](https://mdvideo.wvovw.com/logo.png)

```元素配置
@position=top-right
@width=0.1
@height=0.1
@delay=2
```

![](https://mdvideo.wvovw.com/logo.png)

```元素配置
@position=center-left
@width=0.1
@height=0.1
@delay=3
```

![](https://mdvideo.wvovw.com/logo.png)

```元素配置
@position=center
@width=0.1
@height=0.1
@delay=4
```

![](https://mdvideo.wvovw.com/logo.png)

```元素配置
@position=center-right
@width=0.1
@height=0.1
@delay=5
```

![](https://mdvideo.wvovw.com/logo.png)

```元素配置
@position=bottom-left
@width=0.1
@height=0.1
@delay=6
```

![](https://mdvideo.wvovw.com/logo.png)

```元素配置
@position=bottom
@width=0.1
@height=0.1
@delay=7
```

![](https://mdvideo.wvovw.com/logo.png)

```元素配置
@position=bottom-right
@width=0.1
@height=0.1
@delay=8
```

位置微调 ​

在存在position配置的情况，可借助offsetX和offsetY微调位置信息

如:

![](https://mdvideo.wvovw.com/logo.png)

```元素配置
@position=center
@offsetX=100
@offsetY=100
```

表示居中之后横向移动100px，纵向移动100px

配置信息 ​

全称含义默认其他
@position基础位置，center,不同元素可能不一样参见上表
@offsetX相对基础位置的横轴偏移量0
@offsetY相对基础位置的纵轴偏移量0