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