如何将SVG viewBox width / height设置为子元素的max x / y值

Question

我在Python中动态生成SVG内容，它将在浏览器中显示。我可以使用preserveAspectRatio和硬编码的viewBox值（如

）完美地调整大小

<ns0:svg xmlns:ns0="http://www.w3.org/2000/svg" class="svg-content"
height="200px" preserveAspectRatio="xMidyMid meet"
version="1.1" viewBox="0,0,3500,3500" width="200px" x="0px" y="0px">

但是，子元素有时会动态放置（3500,3500）。 viewBox可以采用类似

的属性

viewBox="0,0,auto,auto" # (set to include all child elements)

或者我是否必须使用Javascript或Python操作这些值？

Answer 1

您必须以编程方式操作它们。没有＆＃34; auto＆＃34;为viewBox设置。

但是，由于听起来您知道要添加的对象的位置和大小，因此跟踪最小和最大X和Y坐标应该很简单，因此您可以导出minX，maxX，宽度和viewBox的高度值。

Answer 2

viewBox只能将4个数字作为其参数。