如何垂直拉伸SVG文本

Question

我有一个svg文本，需要水平和垂直拉伸。我可以使用text-length属性来水平拉伸单词，但是找不到垂直拉伸单词的方法。

<svg width="300px" ... >
   <text textLength="300px" lengthAdjust="spacingAndGlyphs" > HELLO </text>
</svg>

我想垂直拉伸此文本以填充灰色区域。这可行吗？如果是这样，那条路是什么？

我为此制作了一个塞子-> plunker

Answer 1

您可以使用scale（x，y）变换命令缩放元素。比例尺1为正常尺寸，0.5为正常尺寸的一半，2为两倍的正常尺寸。

<text transform="scale(1, 2)" textLength="300px" lengthAdjust="spacingAndGlyphs" > HELLO </text>