javascript - SVG-如何将<path>切成两半？

我需要在javascript中的特定点剪切现有路径(曲线)。例如，如果我具有以下路径:

<path stroke-width="3"
      stroke="black"
      stroke-linecap="round"
      stroke-linejoin="round"
      id="line_test"
      d="M125,165 C125,165 125,164 125,164">
</path>

由此，我可以得到这样的中点:

var line = document.getElementById("line_test");
var length = line.getTotalLength();
var midpoint = line.getPointAtLength(length/2);

一旦获得该中点，我便希望完全删除路径的其余部分。有没有可以让我获取子路径的函数？对于我来说，图纸库并不是真正的选择。

最佳答案

是的，它叫做getPathSegAtLength(在path元素上可用)，并且它向pathSegList返回一个索引，该索引可以例如用于在其中切片pathSegList。

pathSegList是一个类似数组的列表，如果您使用某些最新的浏览器，则可以使用常规数组符号浏览列表，但是现在使用SVG 1.1中定义的接口(interface)更加兼容。

关于javascript - SVG-如何将<path>切成两半？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7764162/