How to determine SVG path offset

Question

I want to get the vertical offset of a SVG path in pixels. I played with getBoundClientRect() and getBBox(), but these return too high values. Is there any way to do something like offset().top for a normal jQuery element?

Brief example: https://jsfiddle.net/aq13swsr/2/

I want the amount of pixels between the top black line and the top red line.

please include a [mcve] so we can see what "too high" means. — Robert Longson, Jun 07 '16 at 13:19
I hope this jsfiddle helps you https://jsfiddle.net/81kom2qa/ — Ashok kumar, Jun 07 '16 at 14:08
Just found out that `getBoundClientRect()` is scroll-dependent which makes it a bit clearer: http://stackoverflow.com/questions/25630035/javascript-getboundingclientrect-changes-while-scrolling — Guite, Jun 08 '16 at 06:53

score 0 · Accepted Answer · answered Jun 08 '16 at 07:08

0

I managed to solve this problem by properly resetting some margins (which are dynamically set using jQuery) before recalculating the next iteration.

answered Jun 08 '16 at 07:08

Guite

203
1
2
11

How to determine SVG path offset

1 Answers1