已知盒子大小,文本字符串长度未知。将文本适应于盒子而不破坏其纵横比。
经过一晚的谷歌搜索和阅读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>
transform="scale(0,5)"
)使其接近 - http://jsfiddle.net/G5L8W/ - streetlogics