본문 바로가기
Front-end/svg

svg란?

by mooyou 2022. 1. 27.
728x90
300x250

SVG(Scalable Vector Graphics) 확장가능한 벡터 그래픽 마크업 언어이다.

XML 기반의 2차원 그래픽 으로 검색, 인덱싱, 스크립트 및 압축이 가능하다.

아이콘, 이미지, 그래프, 사용자 인터페이스(UI)등 널리 쓰인다.

DOM의 일부로서 각 객체별로 HTML엘리먼트가 추가되며 벡터 기반이기 때문에 모든 사이즈에서 선명함이 유지되며

CSS, 자바스크립트등 으로도 조작이 가능하도록 설계되어있다.

에디터와 일러스트 벡터 방식의 소프트웨어 에서도 작성할 수 있으며 용량도 크지 않다.

728x90
반응형

'Front-end > svg' 카테고리의 다른 글

svg 삼각형 그리기 <polygon>  (0) 2022.02.08
svg 선그리기  (0) 2022.02.04
svg 직사각형 <rect>  (0) 2022.02.01
SVG 타원 <ellipse>  (0) 2022.01.30
svg 원 그리기 <circle>  (0) 2022.01.28

댓글