svg text length

9.5 Setting text length

<text textLength="..." lengthAdjust="spacing"> (default) - adjusting the space between glyphs and leaving the glyphs themselves untouched
<text textLength="..." lengthAdjust="spacingAndGlyphs"> - fit the words into a given length by adjusting both spacing and glyph size

Example 1.Using textLength and lengthAdjust

<svg width="300" height="200" xmlns="http://www.w3.org/2000/svg">
   <g style="font-size: 14pt;">
      <path d="M 20 10 20 70 M 220 10 220 70" style="stroke: gray;"/>
      <text x="20" y="30"
      textLength="200" lengthAdjust="spacing">Two words</text>
      <text x="20" y="60"
      textLength="200" lengthAdjust="spacingAndGlyphs">Two words</text>
      <text x="20" y="90">Two words
      <tspan style="font-size: 10pt;">(normal length)</tspan></text>
      <path d="M 20 100 20 170 M 100 100 100 170" style="stroke: gray;"/>
      <text x="20" y="120"
      textLength="80" lengthAdjust="spacing">Two words</text>
      <text x="20" y="160"
      textLength="80" lengthAdjust="spacingAndGlyphs">Two words</text>
  </g>
</svg>