溢出

overflow 属性设置当元素的内容太大而无法容纳在其块级格式化上下文时该怎么办。此功能尚未广泛实现。

此属性与 CSS overflow 属性具有相同的参数值和含义，但是，以下其他要点适用

• 如果其值为 visible，则该属性无效（即，不会创建剪辑矩形）。
• 如果 overflow 属性的值为 hidden 或 scroll，则应用与 SVG 视口大小完全相同的剪辑。
• 当在 <svg> 元素上指定 scroll 时，通常会显示 SVG 视口的滚动条或平移器，无论其内容是否被剪辑。
• 在 SVG 内容中，值 auto 意味着所有子元素的渲染内容都必须可见，可以通过滚动机制或通过不带剪辑的渲染来实现。

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

• <foreignObject>
• <image>
• <marker>
• <pattern>
• <symbol>
• <svg>
• <text>

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

<svg viewBox="0 0 200 30" xmlns="http://www.w3.org/2000/svg" overflow="auto">
  <text y="20">
    This text is wider than the SVG, so there should be a scrollbar shown.
  </text>
</svg>