웹에 원하는 도형이나 그림을 그리기 위해 canvas와 svg를 이용
svg와 canvas를 이용하여 애니메이션을 구현
svg
- document format
- shape based
- 스크립트와 css를 통해 수정가능
- canvas보다 빠름
- 화면이 크거나 픽셀 수가 적은 경우에 적합(로고, 차트, 고품질의 문서 작업, 정적 이미지의 조작등)
- 이미지를 수정하고 퀄리티의 손상이 없어야 할 경우에 적합
canvas
- javascript API
- pixel based
- 스크립트를 통해 수정가능
- 화면이 작거나 픽셀 수가 많은 경우에 적합(복잡하고 고성능 애니메이션 작업,게임, 동영상등)
- 이미지나 차트등을 수정 없이 보여주는 용도등에 적합