svg 캔버스 비교

SVG(Scalable Vector Graphics) 확장가능한 벡터 그래픽

XML 기반의 2차원 그래픽

아이콘, 이미지, 그래프, 사용자 인터페이스(UI)등 널리 쓰인다.

DOM의 일부로서 각 객체별로 HTML엘리먼트가 추가된다.

이미지 크기 상관없이 선명함이 유지되고 복잡하지 않다면 용량도 크지 않다.

CSS, 자바스크립트로 조작가능

 

캔버스 >비트맵 기반 그래픽이미지나 비디오의 픽셀 조작, 게임, 퍼포먼스가 중요한 이미지 조작등에 스임<canvas>로 표현자바스크립트로 조작가능 (css는 불가능)픽셀 단위의 조작크기가 클수록 성능이 떨어짐