Text 如何获得所需高度和宽度的文本?

Text 如何获得所需高度和宽度的文本?,text,svg,Text,Svg,我需要得到所需的高度和宽度的文本。 我试图在svg文档中找到一些东西,但只找到了字体大小,而且我还试图以这种方式使用scale: <text xmlns="http://www.w3.org/2000/svg" id="10996080909940" name="-1" x="1782.9351809218" y="-751.796133712862" width="1" height="1" style="font:Arial;text- anchor:start;stroke:#0

我需要得到所需的高度和宽度的文本。 我试图在svg文档中找到一些东西,但只找到了
字体大小
,而且我还试图以这种方式使用scale:

<text xmlns="http://www.w3.org/2000/svg" id="10996080909940" name="-1"
x="1782.9351809218"   y="-751.796133712862" width="1" height="1" style="font:Arial;text-
anchor:start;stroke:#000000" transform="rotate(0) scale(2 2)"> SOME TEXT </text>
一些文本

但我的文本太大了,放在了我不需要的地方

如果您的意思是希望文本精确地填充任意宽度和高度,那么在SVG中实现这一点并不是一种简单的方法。不能在
元素上指定宽度和高度。至少不在当前SVG规范(1.1)中

然而,有几种方法可以通过一些技巧达到这种效果

一种方法是使用变换,如您所建议的:

<svg>

    <text font-size="10px" font-family="Verdana" transform="translate(99,400) scale(3.5,13.7)">SQUASHED TEXT</text>
    <rect x="100" y="300" width="300" height="100" fill="none" stroke="red" />

</svg>
这种方法更详细,但它的优点是,一旦找到了文本的正确视图框,就可以很容易地使其适合任何大小的矩形。只需将内部
x
y
宽度
高度
设置为矩形的大小即可


此处演示:

如果您的意思是希望文本精确填充任意宽度和高度,那么在SVG中实现这一点并不容易。不能在
元素上指定宽度和高度。至少不在当前SVG规范(1.1)中

然而,有几种方法可以通过一些技巧达到这种效果

一种方法是使用变换,如您所建议的:

<svg>

    <text font-size="10px" font-family="Verdana" transform="translate(99,400) scale(3.5,13.7)">SQUASHED TEXT</text>
    <rect x="100" y="300" width="300" height="100" fill="none" stroke="red" />

</svg>
这种方法更详细,但它的优点是,一旦找到了文本的正确视图框,就可以很容易地使其适合任何大小的矩形。只需将内部
x
y
宽度
高度
设置为矩形的大小即可


此处演示:

不太清楚您为什么追求宽度/高度。举个使用字体大小的例子,你不能这样定位/大小吗。或者是有一个特定的要求,你需要适应动态文字的形状,或其他东西?不太清楚为什么你是在宽度/高度。举个使用字体大小的例子,你不能这样定位/大小吗。或者,在需要将动态文本适配到形状或其他方面时,是否有特定的要求?