svg, canvas의 차이

Suyeon·2020년 9월 28일
0

Interview prep

목록 보기
5/22

웹에 원하는 도형이나 그림을 그리기 위해 canvas와 svg를 이용
svg와 canvas를 이용하여 애니메이션을 구현

svg

  • document format
  • shape based
  • 스크립트와 css를 통해 수정가능
  • canvas보다 빠름
  • 화면이 크거나 픽셀 수가 적은 경우에 적합(로고, 차트, 고품질의 문서 작업, 정적 이미지의 조작등)
  • 이미지를 수정하고 퀄리티의 손상이 없어야 할 경우에 적합

canvas

  • javascript API
  • pixel based
  • 스크립트를 통해 수정가능
  • 화면이 작거나 픽셀 수가 많은 경우에 적합(복잡하고 고성능 애니메이션 작업,게임, 동영상등)
  • 이미지나 차트등을 수정 없이 보여주는 용도등에 적합
profile
Hello World.

0개의 댓글