如何在 SVG ViewBox 中显示特定元素SVG 部分

问题描述

我正在将 SVG 图像显示到 Android WebView 中。我想在 SVG 地图/图片的特定椭圆元素（SVG 部分）周围缩放并居中显示。是否有任何 javascript 或 css 方式可以移动到 SVG 显示的特定元素（椭圆）。

ScrollIntoView 也不起作用。

我试图找到很多，但还没有对我有用。我正在绝望地寻找解决方案。

解决方法

获取椭圆的边界框并将视框设置为该框：

const canvas = SVG().addTo('body').size(100,100)
cconst ellipse = canvas.ellipse(10,20)

canvas.viewbox(ellipse.bbox())