Question

我有一个在Inkscape中创建的SVG路径，它是一个Move（“M ... z”）命令。根据SVG规范，大写的“M”表示绝对路径，但对于我的应用程序，我需要相对路径。

将绝对路径转换为相对路径的算法是什么？我是从最后的x和y坐标开始，并分别减去前一个值，直到我到达值的开头？奖励标记为：

将路径转换为亲戚（meh）
提供某种资源的链接，该资源将在绝对和相对的SVG路径之间进行转换，或指出如何使用Inkscape执行此操作（我搜索了邮件列表并发现其他用户正在谈论必须从源代码重新编译手动添加选项：|）
给出一个将aboslute转换为亲属的jquery one-liner，反之亦然

有问题的路径是一种爆炸式的爆炸声：

M 9.6428572,4.8214285 17.857142,19.285714 0.89285714,22.142857 17.678572,29.285714 1.9642857,41.071429 23.75,37.678572 26.071429,49.285714 37.321428,38.75 47.5,48.392857 51.607143,37.5 61.964286,48.214286 62.321429,34.285714 78.392857,37.857143 64.107143,24.464286 81.071428,21.607143 63.928571,17.857143 70.535714,3.5714284 54.821429,12.142857 50,1.2499999 40.535714,10.714286 31.607143,0.89285704 28.035714,13.928571 z

我搜索过SO以寻找类似的问题，但只发现了有关OS路径或相对于绝对SVG路径的问题（并且没有一个问题具体询问算法）。如果这是一个副本，请随时关闭它。

谢谢！

Answer 1

编辑：我现在有一个在线程序来更普遍地这样做： http://petercollingridge.appspot.com/svg_transforms

您想要的路径是：

d="m9.6428572,4.8214285 8.214285,14.464285 -16.964285,2.857143 16.785715,7.142857 -15.714286,11.785715 21.785714,-3.392857 2.321429,11.607142 11.249999,-10.535714 10.178572,9.642857 4.107143,-10.892857 10.357143,10.714286 0.357143,-13.928572 16.071428,3.571429 -14.285714,-13.392857 16.964285,-2.857143 -17.142857,-3.750000 6.607143,-14.285715 -15.714285,8.571429 -4.821429,-10.892857 -9.464286,9.464286 -8.928571,-9.821429 -3.571429,13.035714z"/>

我猜你从最后一个坐标对开始向后工作，把它放在第二个坐标对开始就减去前一个坐标对（并且更有效率，因为你不必反复查找相同的价值）。

我在Python中做到了这一点，但我确信它可以通过Javascript相对容易地完成。

d = "9.6428572,4.8214285 17.857142,19.285714 0.89285714,22.142857 17.678572,29.285714 1.9642857,41.071429 23.75,37.678572 26.071429,49.285714 37.321428,38.75 47.5,48.392857 51.607143,37.5 61.964286,48.214286 62.321429,34.285714 78.392857,37.857143 64.107143,24.464286 81.071428,21.607143 63.928571,17.857143 70.535714,3.5714284 54.821429,12.142857 50,1.2499999 40.535714,10.714286 31.607143,0.89285704 28.035714,13.928571"
c = [map(float,l.split(',')) for l in d.split()]
c2 = ["%.6f,%.6f" % (c[n][0] - c[n-1][0], c[n][1] - c[n-1][1]) for n in range(1, len(c))]
print "%.6f,%.6f " % (c[0][0], c[0][1]) + ' '.join(c2)

SVG“移动”命令：相对路径的绝对路径

1 个答案: