拆分巨大的svg文本路径

Question

我在svg上有非常大的文本路径。但这条道路是一句话，我怎么能将这个词分成单个字母呢？ 例如：

<svg>
   <g>
      <path id="Code.svg" class="cls-1 path" d="one letter path"
      <path id="Code.svg" class="cls-1 path" d="two letter path"        
      etc.
   </g>
</svg>

Answer 1

大路径中的所有“字母”都包含一个或多个子路径。 所有子路径都以“M”或“m”字符开头。

因此，如果您在文本编辑器中手动编辑文件，请查找“M”或“m”并在此处分割路径。但就像我说的那样，一些字母将包含多个子路径 - 例如任何带孔的字母（例如“O”）。

所以，例如

<path d="M... M... m... M ..."/>

可能会成为

<path d="M..."/>
<path d="M... m..."/>
<path d="M..."/>