SVG文本缩放-宽度和高度

8
我想在SVG中缩放文本。如果我使用字体大小,则宽度和高度也会缩放。有没有办法只缩放宽度或高度?-我找到的所有示例都使用了无法正常工作或仅适用于文本的比例标记。
谢谢你的帮助, Hendrik
3个回答

8
你可以使用scale(x,y)变换命令来缩放元素。缩放比例为1表示正常大小,0.5表示半个正常大小,2表示正常大小的两倍。
例如,将transform="scale(1, 2)"添加到您的标记中,即可使元素在水平方向上保持正常大小,在垂直方向上放大两倍。

这个方法在react-native-svg中对我有效。 - Tom Anderson

5

SVG文本属性上的变换效果非常出色!

<text transform="scale(1, 2)" fill="orange" 
font-family="Arial" font-size="70"> 

例如,此代码片段将使您的文本在Y轴上增加2倍。

-3

是的,您可以将文本更改为路径。 在Inkscape菜单中有一个“对象转换为路径”的选项,然后您可以按照需要进行缩放。 某些缩放选项可能会使文本看起来破损,因此您需要进行实验。 例如50%宽度高度


1
这个问题与inkscape无关。 - Bjorn

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接