反转SVG路径

时间:2016-01-19 03:20:43

标签: html animation svg path adobe-illustrator

是否有一种简单的方法可以反转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>

2 个答案:

答案 0 :(得分:5)

使用Inkscape

  1. Inkscape
  2. 中打开此svg文件
  3. 选择路径
  4. 点击菜单 - &gt;路径 - &gt;反向
  5. 保存文件或在Inkscape中打开xml编辑器以查找新路径数据。
  6. 或者使用javascript。获取并反转每个路径段。

答案 1 :(得分:3)

您可以使用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()