シンプルなシェイプを複雑なパスに変換するSVGスプライトジェネレータ

Question

シンプルなシェイプが（複雑なシェイプの）パスに変換される理由を知っていますか？ codepen

マイSVG：：

<svg id="cancel" viewBox="0 0 25 25" fill="none" stroke="#000" stroke-width="0.8px" stroke-linecap="round"> 
    <title>Cancel</title> 
    <circle cx="12.5" cy="12.53" r="12.08" vector-effect="non-scaling-stroke"/> 
    <line x1="17.86" y1="7.86" x2="7.86" y2="17.86" vector-effect="non-scaling-stroke"/> 
    <line x1="17.84" y1="17.84" x2="7.88" y2="7.88" vector-effect="non-scaling-stroke"/> 
</svg> 

ジェネレータSVG：

<svg viewBox="0 0 25 25"> 
<title>cancel</title> 
<path fill="none" stroke="#000" stroke-width="0.8" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="miter" d="M24.58 12.53c0 6.672-5.408 12.080-12.080 12.080s-12.080-5.408-12.080-12.080c0-6.672 5.408-12.080 12.080-12.080s12.080 5.408 12.080 12.080z"></path> 
<path fill="none" stroke="#000" stroke-width="0.8" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="miter" d="M17.86 7.86l-10 10"></path> 
<path fill="none" stroke="#000" stroke-width="0.8" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="miter" d="M17.84 17.84l-9.96-9.96"></path> 
</svg> 

Answer 1

プリミティブがパスとして書き換えられ 、プレゼンテーション

私はSVGジェネレータを作成するものに対して私のファイルの例を持っています属性が<svg>要素から含まれている<paths>に移動されました。 id属性が削除されました。使用しているWebサービスにその理由がある場合、公開されていない（または少なくとも私はそれに関する文書を見つけていません）。なぜこの答えの範囲外に留まらなければならないのかに関する意見を述べること。

使用した属性vector-effect="non-scaling-stroke"は、SVG 1.1仕様に含まれていませんが、SVG 1.2 TinyとSVG 2ドラフトのみです。 Internet Explorerはこの属性をサポートしていないため、ブラウザの互換性が向上します。

stroke-miterlimit="4"を追加することは、これがデフォルト値であるため、オブジェクト指向的に無駄です。

ライブラリはsvgoです（デフォルト値の問題を除いて）ほとんどの場合、コードを書き換えることができますが、サービスがそれを使用しているかどうかはわかりません。