svg - 拆分巨大的 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..."/>