Html 切断SVG元素的顶部和/或底部

我的html正文中有一个svg元素：

<svg height="1000px">...</svg>

。。。

我有一个包含其他元素的组。问题是，我的组的总高度是400 px，它位于SVG的中间，这使我在空的空白空间中有600 px（顶部为300 px，底部为300 x）。 有没有一种方法可以在不需要的情况下删除占据我页面的空白空间？

使用

viewBox=“x y wx wy”

可以定义渲染区域的左上角（x/y）以及宽度和高度（wx/wy）

也许一个例子最好地说明了这一点：

使用

viewBox=“x y wx wy”

可以定义渲染区域的左上角（x/y）以及宽度和高度（wx/wy）

也许一个例子最好地说明了这一点：

---

根据SVG的结构，您可能正在查找

viewbox

属性

viewBox属性允许您指定一组给定的 图形拉伸以适合特定的容器元素

下面是一个例子：

正文{
背景：#C3C3；
}
svg{
边框：1px实心#fff；
}

---

根据SVG的结构，您可能正在查找

viewbox

属性

viewBox属性允许您指定一组给定的 图形拉伸以适合特定的容器元素

下面是一个例子：

正文{
背景：#C3C3；
}
svg{
边框：1px实心#fff；
}

只需将高度设置为400px？只需将高度设置为400px？还有帮助的是

preserveAspectRatio=“none”

我必须将其放入svg元素中，以确保我想要保留的区域被裁剪，而不是缩放。还有帮助的是

preserveAspectRatio=“none”

我必须将其放入svg元素中，以确保我想要保留的区域被裁剪，而不是缩放。