Использование Gulp для создания спрайта SVG без сжатия

Question

Я пытаюсь использовать плагин this на каждом SVG в данном проекте.

Я считаю, что сжатие по умолчанию или переформатирование самих 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> 

делают его невозможным для меня, чтобы сделать какую-либо анимация к различным элементам прямоугольника, которые я мог бы сделать с ним, прежде чем он был перемещен в спрайт.

Есть ли способ отключить сжатие или переформатирование?

Answer 1

Согласно the documentation должно быть возможным, чтобы удалить svgo из процесса трансформации с помощью

{ 
    shape : { 
     transform   : [] 
    } 
}