Программирование svg, координаты перепутались

Я хотел бы сделать svg со строками:

M 0,0 0,110 90,50 90,-40 z

чтобы я мог перемещать точки с помощью JavaScript или PHP.

Мой вопрос в том, как я могу понять, какой номер какой? Я попробовал это с inkscape, и кажется, что он удаляет L из каждой координаты, а также последняя как-то -40, хотя весь элемент должен быть выше точки 0,0.

Как координаты вдруг инвертируются?

Я понял, что M должен установить абсолютную точку, а L также должен провести линию к абсолютным координатам, но это не так.

d="M 0,0 L 0,110 L 90,50 L 90,120 z"

svg php inkscape
person gray_15    schedule 12.01.2020    source источник
comment
добавьте код, пожалуйста, чтобы манипулировать вашей проблемой   -  person Amit Sharma    schedule 12.01.2020

Ответы (2)


arrow_upward
2
arrow_downward

L является неявным, т.е. первые два числа после M являются ходом, но все последующие пары затем интерпретируются как L-команды.

Если за moveto следует несколько пар координат, последующие пары рассматриваются как неявные команды lineto.

person Robert Longson    schedule 12.01.2020

arrow_upward
0
arrow_downward

Да, это действительно было так. Inkscape перевернул ось Y, и это затрудняет работу с исходным кодом svg.

person gray_15    schedule 14.01.2020