1. 벡터 그래픽 기반 기술 (Vector Graphic)
ㅇ 선과 모양을 수학적 계산에 의해 화면상에 표현하는 기술
2. 벡터 그래픽 특징
ㅇ 대상물을 점,선,다각형으로 표현하고, 위치를 방향과 길이로 나타냄
ㅇ 원본 이미지 크기가 확대되더라도 이미지 왜곡현상이 없음
- 일러스트레이트 등에서 많이 사용하는 기술
ㅇ 한편, 이와는 달리 Raster Graphic(비트맵 등) 기술은,
- 더이상 쪼갤 수 없는 최소 단위인 픽셀 각각에 대한 지정 및 색상 정보를 가지고,
- 그래픽 이미지를 표현하는 기술 (BMP, JPG, GIF 등)
3. 대표적인 例
ㅇ 2D 관련
- SVG (Scalable Vector Graphic)
. W3C에서 벡터 그래픽 포멧의 표준
.. 2D 벡터 그래픽을 XML으로 표현하기 위한 일종의 마크업 언어
.. 자바스크립트와 DOM을 사용하여 그래픽을 생성,조작
. 픽셀에 의존함 없이, 일련의 명령어에 의해, 점,선,곡선,다각형 등이 그려짐
- Flash
. 매크로미디어社
- Adobe社의 일러스트레이터(Illustrator)
ㅇ 3D 관련
- 3ds Max
4. [참고사항] 웹 브라우저에서 벡터 이미지 사용 방법 例)
ㅇ HTML 방식 : img 요소 사용
- 例) <img src="path/vector.svg" width="500" height="500">
ㅇ CSS 방식 : background 속성 사용
- 例) .vector { background:url(path/vector.svg); }