Fatal编程技术网
  • svg/
  • 如何将SVG viewBox width/height设置为子元素的最大x/y值

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

svg

如何将SVG viewBox width/height设置为子元素的最大x/y值,svg,Svg,我正在用Python动态生成SVG内容，这些内容将显示在浏览器中。我可以使用PreserveSpectRatio和硬编码的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="200p

我正在用Python动态生成SVG内容，这些内容将显示在浏览器中。我可以使用PreserveSpectRatio和硬编码的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">
或者我必须用Javascript或Python操作这些值吗？

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

您必须以编程方式操作它们。viewBox没有“自动”设置

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

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