BaeBox

SVG(Scalable Vector Graphics) 본문

개발 관련

SVG(Scalable Vector Graphics)

배모씨. 2020. 1. 27. 15:29
반응형

이미지 출처 : https://ko.wikipedia.org/wiki/%EC%8A%A4%EC%BC%80%EC%9D%BC%EB%9F%AC%EB%B8%94_%EB%B2%A1%ED%84%B0_%EA%B7%B8%EB%9E%98%ED%94%BD%EC%8A%A4

SVG : 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식

XML 기반이라는 것은 말 그대로 해당 이미지를 열어보면 XML 명령으로 이미지가 작성되어 있다는 뜻이다.

즉, 명령으로 작성된 이미지이기 때문에 이미지의 크기를 확대/축소해도 그 선명함에는 차이가 없다. 

 

아래 링크의 이미지를 보면 원자구조 이미지를 볼 수 있는데, 마우스 우클릭을해서 '페이지 소스 구조 보기'를 누른다면 이 친구가 어떤 아이인지 확인할 수 있다. 

https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/atom.svg

 


https://ko.wikipedia.org/wiki/%EC%8A%A4%EC%BC%80%EC%9D%BC%EB%9F%AC%EB%B8%94_%EB%B2%A1%ED%84%B0_%EA%B7%B8%EB%9E%98%ED%94%BD%EC%8A%A4

 

스케일러블 벡터 그래픽스 - 위키백과, 우리 모두의 백과사전

위키백과, 우리 모두의 백과사전. SVG는 여기로 연결됩니다. 다른 뜻에 대해서는 SVG (동음이의) 문서를 참조하십시오. 스케일러블 벡터 그래픽스(Scalable Vector Graphics, SVG)는 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식으로, 1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식이다. SVG 형식의 이미지와 그 작동은 XML 텍스트 파일들로 정의

ko.wikipedia.org

 

반응형

'개발 관련' 카테고리의 다른 글

D3 차트의 구조  (0) 2020.01.27
D3의 특징  (0) 2020.01.27
D3 란?  (0) 2020.01.20
Flux 패턴  (0) 2020.01.10
NgRx 란?  (0) 2020.01.09
Comments