d3设置line长度_1.7 SVG/D3中字体特殊设置

#### 1、添加上下标

SVG或D3中，有时需要实现如下的效果：10^23，或需要下标，使用`baseline-shift`属性即可实现。

`baseline-shift`属性有两个值：

* sub： 实现下标；

* super：实现上标。

```

C12

H10

10*1012

```

#### 2、设定文本长度

使用`textLength`属性设置文本长度。SVG会将文本调整到指定的长度，调整方式如下：

* 只调整字符间距，保持字符本身大小不变，将`lengthAdjust`属性值设置为`spacing`(默认值)；

* 同时调整字符间距字符本身大小，将`lengthAdjust`属性值设置为`spacingAndGlyphs`。

```

Test Words

Test Words

```

#### 3、纵向文本

实现文本纵向显示，一般有两种方式：

* 使用`transform`将文本旋转90度；

* 将`writing-mode`属性值设置为`tb`。

如果希望文本垂直排列时仍然纵向显示，则需要将`glyph-orientation-vertical`属性设置为0。

```

Rotated 90

Writing Mode

Vertical Zero

```