Rasagar/Library/PackageCache/com.unity.ugui/Documentation~/TextMeshPro/RichTextRotate.md

29 lines
1.0 KiB
Markdown
Raw Normal View History

2024-08-26 13:07:20 -07:00
# Rotate
Use the `<rotate>` tag to rotate each character about its center. Specify the amount of rotation in degrees. Positive values rotate characters counter-clockwise. Negative values rotate them clockwise.
Rotation affects the spacing between characters, and may cause characters to overlap in some cases. Use the [`<cspace>`](RichTextCharacterSpacing) tag to correct character spacing as needed.
**Example:**
```
Rotate text <rotate="-10">counter-clockwise</rotate> or <rotate="10">clockwise</rotate>
```
![Example image](../images/TMP_RichTextRotate.png)<br/>
_Text rotated counter-clockwise (left) and clockwise (right)_
```
Rotate text <rotate="45">counter-clockwise</rotate>
```
![Example image](../images/TMP_RichTextRotateOverlap.png)<br/>
_More rotation makes it more likely that characters overlap_
```
Rotate text <cspace="15"><rotate="45">counter-clockwise</rotate></cspace>
```
![Example image](../images/TMP_RichTextRotateOverlapCorrected.png)<br/>
_The `<cspace>` tag adjusts character spacing, and can help correct overlap caused by rotation_