SVG路径反转

Question

有没有简单的方法来反转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>

- daveycroqet

---

也许你需要一个翻译，transform="scale(-1,-1)"。 - Robert Longson

Answer 1

使用Inkscape：

1. 在Inkscape中打开此svg文件。
2. 选择路径。
3. 点击菜单->路径->反转。
4. 保存文件或在Inkscape中打开xml编辑器查找新的路径数据。

或者使用Javascript。获取并反转每个路径段。

- cuixiping

---

几乎相同在Sketch中。 - chestozo

要打开XML编辑器，请单击“编辑”>“XML编辑器”。 - TheKill-996

Answer 2

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

- mathandy

Answer 3

如果你使用Figma，你可以将SVG粘贴为"矢量"，然后右键点击选择"水平翻转"或"垂直翻转"（可以同时选择）。

- Ostap Brehin