목록SVG (1)

개발천재

SVG 태그에 대해서 알아보자!

SVG란? SVG란 Scalable Vector Graphics로써, 벡터 그래픽을 표현하기 위한 XML 마크업 언어이다. 픽셀 단위로 이미지를 구성하는 png, jpg와는 다르게 벡터 기반으로 이미지를 표현할 수 있다. 벡터 기반이다 보니 이미지를 축소하거나 확대해도 이미지가 깨지지 않고, 용량이 작기 때문에 웹상에서 주로 사용하는 이미지 형식이다. W3C에서 개발했으며 CSS, DOM, SMIL과 호환된다. 태그란? 웹상에서 벡터 이미지를 구현하기 위해 사용하는 마크업 태그이다. SVG 이미지를 구현하기 위해서는 태그로 시작하는데 width, height 속성을 사용하여 이미지의 가로와 세로 길이를 조절할 수 있다. HTML 상에 코드를 그대로 넣어줌으로 웹상에서 벡터 이미지를 구현할 수 있는데, 이..
개발 준비/HTML&CSS 2022. 10. 23. 20:51
이전 Prev 1 Next 다음