如何确定 SVG 路径偏移

Posted

技术标签:

【中文标题】如何确定 SVG 路径偏移【英文标题】:How to determine SVG path offset 【发布时间】:2016-06-07 13:14:32 【问题描述】:

我想获取 SVG 路径的垂直偏移(以像素为单位)。我玩过getBoundClientRect()getBBox(),但它们返回的值太高。有没有办法为普通的 jQuery 元素做类似offset().top 的事情?

简单示例: https://jsfiddle.net/aq13swsr/2/

我想要顶部黑线和顶部红线之间的像素数量。

【问题讨论】:

请包含minimal reproducible example,以便我们了解“太高”的含义。 希望这个jsfiddle能帮到你jsfiddle.net/81kom2qa 在上面添加了一个例子。 刚刚发现getBoundClientRect() 是滚动相关的,这使它更清晰:***.com/questions/25630035/… 【参考方案1】:

我设法通过在重新计算下一次迭代之前正确重置一些边距(使用 jQuery 动态设置)来解决这个问题。

【讨论】:

以上是关于如何确定 SVG 路径偏移的主要内容,如果未能解决你的问题,请参考以下文章

如何根据 CSS 确定 SVG 元素的实际属性

SVG文件的路径[关闭]

理解SVG的缩放 偏移的计算公式

以编程方式确定 SVG 路径生成的形状

如何确定 SVG 元素的字体大小?

SVG 直线动画 CSS