Преобразование координат SVG в координаты HTML-изображений

Question

Я выполнил инструкции https://stackoverflow.com/a/7669029/1223045, чтобы автоматизировать процесс построения координат на изображении и успешно сформировал координаты SVG для области.

Теперь, чтобы использовать те же самые координаты в карте area, мне нужно будет преобразовать ее в ее эквивалентный формат, и именно здесь я боюсь.

Я столкнулся с python script, который выполняет процесс преобразования, но поскольку я понятия не имею о python, я не знаю, как его использовать или как продолжать работу с ним.

Есть ли другие альтернативы помимо вышеуказанного сценария?

Answer 1

Чтобы перевести координаты svg, необходимо взять каждую координату и перенести ее на общие величины смещения, группы и все svg. Пример кода для перевода в SVG области карты:

$ coord = ""; 
$ x = $ offset_x * $ scale_x + $ translate_x; 
$ y = $ offset_y * $ scale_y + $ translate_y; 
foreach ($ coordinates [ 1 ] as $ k => $ a) { 
if ($ k% 2 == 0) { 
$ coord. = round ($ x). ","; 
$ x + = $ a * $ scale_x; 
} else { 
$ coord. = round ($ y). ","; 
$ y + = $ a * $ scale_y; 
} 
} 
$ coord = substr ($ coord, 0, -1) ; 

Где переводить х/у и масштаб х/у относятся к г, и смещение х/у координаты исходного рисунка смещения. В общем, тогда svg-координаты записываются в нормальной форме, главное учитывать все смещения и тот факт, что svg-координаты рассматривают каждый из предыдущих, но во всех координатах области карты берутся из начала координат.