微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决如何在 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())

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。