<svg>
<circle cx="300" cy="300" r="300"/>
</svg>
Y:在height
标记中省略width
和svg
属性(或指定auto
)将使{{1} }元素恢复为默认的svg
×{300
大小,削减其内容,如上所示。另一方面,据我所知,150
和height
属性的唯一允许值是像素或封闭容器大小的百分比;没有一个允许我根据此width
的内容来确定svg
的大小。
是否可以使svg
元素足够大以使其内容适合而不预先知道内容的大小?必要时可以使用JS。
X:我要执行上述操作的原因:我想在svg
元素中包含一个dagre-d3
图,但是我想动态地构造该图。我不想使图形可缩放。相反,如果图形不适合屏幕显示,我想提供滚动条。 Reading other questions on StackOverflow我相信实现此目的的方法是使svg
足够大,以使图形适合并作为固定svg
元素的子元素将此svg
附加到图上。高度和宽度以及div
设置为overflow
。因此,我的问题是如何使scroll
元素足够大以适合某些任意内容。