絕對和相對SVG路徑有什么區別？

Question

我知道大寫字母代表絕對字母，小寫字母代表相對字母，但是我不理解兩者之間的區別以及何時可以使用每種字母。

例如：當我使用大寫字母和小寫字母時，此示例給我不同的形狀。

<svg height="210" width="400">
    <path d="M150 0 L75 200 L225 200 Z" />
</svg>

Answer 1

使用相對（小寫）命令，相對於最后路徑段的端點計算坐標。

因此，就您的路徑而言：

M 150 0
L 75 200
L 225 200
Z

路徑通過列出的坐標。

但是，使用相對命令，您將獲得以下實際坐標：

              Actual         How this was calculated
             --------------- --------------------------------------
m 150 0       (150, 0)       (0 + 150, 0 + 0)
l 75 200      (225, 200)     (150 + 75, 0 + 200)     (ie. lastX + thisX, lastY + thisY)
l 225 200     (450, 400)     (225 + 225, 200 + 200)
z                            (Z and z have identical behaviour)