Изменение пути SVG

Есть ли простой способ изменить путь SVG? Как я могу начать с левого верхнего, а не с правого нижнего?

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="548.9px" height="620px" viewBox="0 0 548.9 620" xml:space="preserve">
    <path d="M305.3,461.7c-13.6,2.2-66,1.3-99.6-21.9c-77.4-53.3-42.5-147.1-95.4-204.1c-42.2-45.6-98-59.2-60-131.7"/>
</svg>

svg animation html path adobe-illustrator
person daveycroqet    schedule 19.01.2016    source источник
comment
transform = scale (-1, -1) возможно. Впрочем, вам тоже понадобится translae.   -  person Robert Longson    schedule 19.01.2016

Ответы (2)


arrow_upward
11
arrow_downward

Используйте Inkscape:

  1. Откройте этот файл svg в Inkscape.
  2. выберите путь
  3. нажмите Меню -> Путь -> Реверс
  4. сохраните файл или откройте редактор xml в Inkscape, чтобы найти новые данные пути.

Или используйте javascript. получить и перевернуть каждый сегмент пути.

person cuixiping    schedule 19.01.2016
comment
почти то же самое в Sketch) - person chestozo; 11.10.2017

arrow_upward
8
arrow_downward

Вы можете использовать svgpathtools.

from svgpathtools import parse_path
path = parse_path("M305.3,461.7c-13.6,2.2-66,1.3-99.6-21.9c-77.4-53.3-42.5-147.1-95.4-204.1c-42.2-45.6-98-59.2-60-131.7")

print(path.reversed().d())
person AndyP    schedule 10.07.2016