Gulpを使用して圧縮せずにSVGスプライトを作成する

Question

与えられたプロジェクトのすべてのSVGにthisプラグインを使用しようとしています。

私はsvg自体のデフォルトの圧縮または再フォーマットが問題を引き起こしていると思います。

<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="200px" height="180px" viewBox="0 0 200 180" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard-1" fill="#D8D8D8"> <rect id="Rectangle-1" x="0" y="0" width="200" height="40"></rect> <rect id="Rectangle-1" x="0" y="70" width="200" height="40"></rect> <rect id="Rectangle-1" x="0" y="140" width="200" height="40"></rect> </g> </g> </svg>

しかし、それが圧縮されます一度：

<symbol id="menu" viewBox="0 0 200 180"> <g fill="#D8D8D8" fill-rule="evenodd"><path d="M0 0h200v40H0zM0 70h200v40H0zM0 140h200v40H0z"/></g> </symbol> 

が、それは不可能私は任意のアニメーションを行うために作る

例えば、私は標準の3つのバーのメニューアイコンを持っていますそれがスプライトに移動される前に、私がそれを使って行うことができるさまざまなrectアイテムに変換します。

圧縮や再フォーマットを無効にする方法はありますか？

Answer 1

the documentationによれば、

{ 
    shape : { 
     transform   : [] 
    } 
} 

を介して、変換プロセスからsvgoを除去することが可能であるべきです