lengthAdjust

lengthAdjust 属性控制文本如何拉伸到 textLength 属性定义的长度。

您可以将此属性与以下 SVG 元素一起使用

示例

html,
body,
svg {
  height: 100%;
}

html

<svg width="300" height="150" xmlns="http://www.w3.org/2000/svg">
  <g font-face="sans-serif">
    <text x="0" y="20" textLength="300" lengthAdjust="spacing">
      Stretched using spacing only.
    </text>
    <text x="0" y="50" textLength="300" lengthAdjust="spacingAndGlyphs">
      Stretched using spacing and glyphs.
    </text>
    <text x="0" y="80" textLength="100" lengthAdjust="spacing">
      Shrunk using spacing only.
    </text>
    <text x="0" y="110" textLength="100" lengthAdjust="spacingAndGlyphs">
      Shrunk using spacing and glyphs.
    </text>
  </g>
</svg>

用法说明

值	`spacing` \| `spacingAndGlyphs`
默认值	`spacing`
可动画	是

规范

规范
可缩放矢量图形 (SVG) 2 # TextElementLengthAdjustAttribute

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。