相关疑难解决方法(0)

纯SVG方式适合文本框

箱子大小已知.文本字符串长度未知.使文本适合框而不会破坏其纵横比.

在此输入图像描述

经过一天的谷歌搜索和阅读SVG规范,我很确定没有javascript就不可能.我能得到的最接近的是使用textLength和lengthAdjust文本属性,但这只是沿一个轴拉伸文本.

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

在此输入图像描述

我知道SVG Scaling Text可以将容器文本拟合到框中

svg

55
推荐指数
3
解决办法
4万
查看次数

SVG缩放文本以适应容器

这可能是一个非常简单的问题,但是如何让SVG中的文本拉伸以适应其容器?

我不在乎它是否因拉伸太长或太长而看起来很难看,但它需要适合它的容器并尽可能大.

谢谢

xml xhtml svg viewbox

28
推荐指数
4
解决办法
4万
查看次数

标签 统计

svg ×2

viewbox ×1

xhtml ×1

xml ×1