Vector Graphic   벡터 그래픽, 벡터 이미지

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); }