SVG缩放文本以适合容器 [英] SVG Scaling Text to fit container

问题描述

这可能是一个非常简单的问题，但是如何在SVG中获取文本以拉伸以适合其容器?

This is likely a very simple question, but how do I get text in SVG to stretch to fit its container?

我不在乎它是否会因拉伸得太长或太高而显得丑陋，但它需要适合其容器并尽可能地大.

I don't care if it looks ugly from being stretched too long or high, but it needs to fits its container and be as big as possible.

谢谢

推荐答案

如果您真的不在乎文本变得丑陋，下面介绍如何将未知长度的文本调整为已知宽度.

If you really don't care that the text gets ugly, here's how to fit unknown length text into a known width.

<svg width="436" height="180"
    style="border:solid 6px"
    xmlns="http://www.w3.org/2000/svg">
    <g>
        <text y="50%" textLength="436" lengthAdjust="spacingAndGlyphs">UGLY TEXT</text>
    </g>
</svg>

这篇关于SVG缩放文本以适合容器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！