SVG defs

<defs>

<defs>요소 내부에서 생성된 객체는 즉시 렌더링되지 않습니다. 랜더링에 영향이 없고 메모리에 저장되어 속도가 빠릅니다. 절대좌표 또는 상대좌표를 사용 할 수 있습니다. 참조하는 곳에 0,0을 작성하고 절대좌표로 작성하면 원하는 곳에 좌표처리가 편합니다.

위 코드와 같이 <g>태그안에 있는 요소들은 랜더링 되지 않았지만 <use>태그를 통해 참조하여 1개의 도형만 작성되었습니다.