如果SVG元素溢出其容器，则显示滚动条

我有一个内置动态内容的SVG，它可以向各个方向发展。 此内容可能比周围固定大小的容器更大。 我期望的行为是，如果SVG中的任何元素需要比容器提供更多的位置，则显示滚动条

见：

这样做的方法是什么？ SVG中没有支持这种行为的概念，这是真的吗？

---

任何关于如何“手动”正确调整大小的建议？

Svg不支持自动调整大小到其内部元素。
因此，您应该手动调整svg图形的大小，以便能够通过外部svg元素进行滚动

var svg = document.querySelector("svg");
var bbox = svg.getBBox();
svg.setAttribute("viewBox", [bbox.x, bbox.y, bbox.width, bbox.height]);
svg.width.baseVal.valueAsString = bbox.width;
svg.height.baseVal.valueAsString = bbox.height;

var svg = document.querySelector("svg");
var bbox = svg.getBBox();
svg.setAttribute("viewBox", [bbox.x, bbox.y, bbox.width, bbox.height]);
svg.width.baseVal.valueAsString = bbox.width;
svg.height.baseVal.valueAsString = bbox.height;