HTML 파일에서 SVG 파일 내의 엘리먼트 다루기
여기처럼 SVG 이미지를 inline 형태로 삽입하면 HTML 코드가 복잡해질 수 있다. 당연히 , 태그처럼 삽입하여 간결하게 할 수 있지만, 반응형 css 또는 script를 적용하려고 하면 문제가 생긴다. SVG 이미지가 DOM 형태로 삽입되다 보니 HTML과 SVG 파일 각각에 존재하는 엘리먼트가 서로를 참조하기 어렵다는 것. 비록 꼼수이긴 하나 이 문제를 해소할 수 있는 방법을 포스팅한다(결론은 아래 완성 부분). SVG 파일 내부에서 css와 jquery 사용하기 HTML에 SVG 파일 삽입 방식 object 방식 또는 embed 방식 중에 사용한다. 추가로 아래처럼 jquery로도 가능하다. $(".svg_wrap").load("images/system.svg"); SVG 파일에서 jquery..
