如何使SVG元素与其内容一样大?

时间:2018-12-01 11:56:53

标签: svg

<svg>
    <circle cx="300" cy="300" r="300"/>
</svg>

Y:height标记中省略widthsvg属性(或指定auto)将使{{1} }元素恢复为默认的svg×{300大小,削减其内容,如上所示。另一方面,据我所知,150height属性的唯一允许值是像素或封闭容器大小的百分比;没有一个允许我根据此width的内容来确定svg的大小。

是否可以使svg元素足够大以使其内容适合而不预先知道内容的大小?必要时可以使用JS。

X:我要执行上述操作的原因:我想在svg元素中包含一个dagre-d3图,但是我想动态地构造该图。我不想使图形可缩放。相反,如果图形不适合屏幕显示,我想提供滚动条。 Reading other questions on StackOverflow我相信实现此目的的方法是使svg足够大,以使图形适合并作为固定svg元素的子元素将此svg附加到图上。高度和宽度以及div设置为overflow。因此,我的问题是如何使scroll元素足够大以适合某些任意内容。

0 个答案:

没有答案