이렇게 각각 다른 SVG 요소들을 기준 라인을 맞춰서 정렬하고 싶었다. 또한 호버시 변경되는 이미지도 기준선을 따라 정렬해줘서 자연스럽게 변하도록 하고 싶었다.때문에 해결법을 찾아보던 중에 SVG 자체를 조작해서 기준점으로 SVG의 좌표를 옮기는 것이 가장 간단해보였다.잉크 스케이프를 사용했다.1. 문서 속성(Shift+Ctrl+D)로 들어가서 뷰박스의 크기를 통일해준다.2. 객체를 선택하고 높이와 좌표 등을 확인한다.하단의 좌표는 Y+Height이기 때문에 150+550= 700이 하단의 좌표가 된다.3. 전체 객체의 좌표를 통일한다.그렇다면 하단의 Y 좌표가 700이 되도록 통일하면 될 것이다.그렇다면 이 경우엔 H+Y가 700이 되도록 Y를 조절해주면 된다.700-569.154 = 130.84..
