SVG (1) 썸네일형 리스트형 생활코딩 CSS_10.5 SVG 10.5 SVG 벡터(Vector) 이미지를 표현하기 위한 포맷 Vector vs Bitmap Bitmap: pixel로 이루어져 있어 확대하면 이미지가 깨진다. (e.g .jpeg, .png 등) Vector: 점과 선의 연결정보로 되어있어 확대해도 이미지가 깨지지 않는다. (e.g .ai, .svg 등) svg svg도 다른 비트맵 이미지 처럼 img 태그를 이용해서 삽입한다. 배경 이미지로 svg파일을 사용 .svg { background-image: url(image.svg); } svg 파일 만들기 svg 파일을 텍스트 에디터로 열어보면 몇 개의 태그와 태그 속성 값으로 되어있다. (XML 마크업 이용) 빈 svg 파일을 만든 뒤 svg 태그 안에 만들고 싶은 도형과 속성을 적어서 svg 파일을.. 이전 1 다음