2016-06-24 4 views
1

주어진 프로젝트의 모든 SVG에 this 플러그인을 사용하려고합니다.압축하지 않고 Gulp를 사용하여 SVG 스프라이트 만들기

나는 svg 자체의 기본 압축 또는 재 포맷팅이 문제를 일으키는 것으로 생각합니다.

예를 들어, 나는 표준 3 바 메뉴 아이콘이 있습니다

<?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> 

불가능 내가 어떤 애니메이션을 할 만들기 그것이 스프라이트로 옮겨지기 전에 내가 할 수있는 다른 직사각형 아이템들에 대해서.

압축을 해제하거나 다시 포맷 할 수있는 방법이 있습니까?

답변

0

the documentation에 의하면

{ 
    shape : { 
     transform   : [] 
    } 
} 
통해 변환 과정에서 svgo을 제거 할 수 있어야
관련 문제