反转 SVG 路径
Reversing an SVG Path
是否有简单的方法来反转 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>
使用Inkscape:
- 在 Inkscape 中打开此 svg 文件。
- select路径
- 点击菜单 -> 路径 -> 反转
- 保存文件或在 Inkscape 中打开 xml 编辑器以查找新的路径数据。
或使用javascript。获取并反转每个路径段。
您可以使用 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())
是否有简单的方法来反转 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>
使用Inkscape:
- 在 Inkscape 中打开此 svg 文件。
- select路径
- 点击菜单 -> 路径 -> 反转
- 保存文件或在 Inkscape 中打开 xml 编辑器以查找新的路径数据。
或使用javascript。获取并反转每个路径段。
您可以使用 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())