Как определить координаты path внутри svg?

Question

[Сергей Гладышев]

Доброго дня.
Имеется svg примерной структуры:

<svg height="476.1290322580645" version="1.1" width="820" xmlns="http://www.w3.org/2000/svg" 
style="overflow: hidden; position: relative; left: -0.5px;">

<path fill="#7bbed3" stroke="#ffffff" d="M288.9,326.3C288.5,326.7,287.29999999999995,327.2,287.5,327.90000000000003C288.6,328.40000000000003,288.5,329.1,287.6,329.70000000000005C286.8,330.30000000000007,285.70000000000005,331.6,284.70000000000005,330.6C283.80000000000007,329.6,283.1,331.1,282.6,331.8C281.70000000000005,332.8,281.20000000000005,334.3,280,335C278,335.8,275.5,335.8,..............29999999999995,293.70000000000005,139.19999999999996ZM286.00000000000006,142.79999999999998C285.80000000000007,143.29999999999998,285.70000000000005,143.89999999999998,286.40000000000003,143.89999999999998C286.90000000000003,143.99999999999997,287.40000000000003,144.29999999999998,287.8,144.29999999999998C287.90000000000003,143.99999999999997,288.1,143.49999999999997,288,143.2C287.3,143.1,286.6,142.89999999999998,286,142.79999999999998ZM276.20000000000005,151.7C276.1,151.7,276.00000000000006,151.79999999999998,275.90000000000003,151.89999999999998C275.8,151.99999999999997,275.70000000000005,152.09999999999997,275.6,152.09999999999997C274.90000000000003,152.39999999999998,275,152.89999999999998,275.40000000000003,153.49999999999997C275.6,153.59999999999997,275.6,154.09999999999997,275.90000000000003,154.09999999999997C276.20000000000005,153.49999999999997,276.70000000000005,152.89999999999998,276.90000000000003,152.29999999999995C276.70000000000005,152.09999999999997,276.50000000000006,151.59999999999997,276.20000000000005,151.69999999999996Z" stroke-width="0.7636585365853659" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" transform="matrix(1.3226,0,0,1.3226,-0.4266,-0.4266)"></path>


</svg>

Код упрощён, на самом деле это карта России с федеральными округами.
Мне нужно определить координаты path относительно svg. Штатными jquery средствами это сделать не получилось, и у тега path я не вижу каких-либо атрибутов, которые отвечают за позиционирование.
Но как-то же он позиционируется, соответственно, можно как-то узнать эту позицию.......

Answer 1

[nk_pl]

в атрибуте d указаны все координаты, можно подробнее почитать тут

Comments

[Сергей Гладышев]

я достал содержимое атрибута d
var path = $(this).attr("d");
path = path.replace(/M/g,",");
path = path.replace(/C/g,",");
path = path.replace(/L/g,",");
path = path.replace(/V/g,",");
path = path.replace(/Z/g,"");
var arrPath = path.split(',');
убил буквы, разбил его на массив и из этого массива повытаскивал меньшие значения из элементов с чётными и нечётными индексами.

https://gyazo.com/88a24d887862d72f65256374159d62e9

но значения получились какие-то не совсем правдоподобные......

[Сергей Гладышев]

так. с координатой x разобрался var path = $(this).attr("d");
path = path.replace(/M/g,"");
path = path.replace(/C/g,",");
path = path.replace(/L/g,",");
path = path.replace(/V/g,",");
path = path.replace(/Z/g,"");
var arrPath = path.split(',');

leftPosition = arrPath[0];

[nk_pl]

можно воспользоваться какой-нибудь библиотекой https://github.com/hughsk/svg-path-parser, чтобы распарсить значения. И есть относительные точки, а есть абсолютные, лучше почитай матчасть перед этим, не все точки одинаково считать надо