스카이코의 세상

SVG란? Scalable Vector Graphics의 약자로 확장 가능한 벡터 그래픽을 말한다. XML 문법을 기본으로 하며 로고, 아이콘, 그래프 등에 널리 사용하는 이미지이다. 특징으로는 크기를 줄이거나 늘려도 화질에 영향을 미치지 않으며 색상 또한 자유롭게 지정할 수 있다. img svg를 삽입하기 위하여 img 태그의 src로 참조하는 방법. 해당 svg가 width나 height를 가지고 있지 않다면 height, width 값을 넣어주어야 한다. 장점 빠르고 친숙한 Img 태그를 사용할 수 있다. 태그 안에 태그를 넣는 방식을 통하여 쉽게 하이퍼링크를 걸 수 있다. 브라우저 캐쉬를 사용하여 빠르게 로드할 수 있다. 단점 해당 이미지를 JS를 통해 컨트롤할 수 없다. css로 svg를 컨트롤..