아이콘, 차트, 반응형 벡터처럼 요소 단위 제어가 필요할 때 씁니다.
SVG와 Canvas 선택
선명한 도형은 SVG, 빠른 픽셀 갱신은 Canvas가 어울린다은 SVG, Canvas, 접근성를 실제 브라우저 흐름에서 나눠 확인해야 구현 기준과 실패 대응이 흐려지지 않습니다.
게임, 파티클, 실시간 그리기처럼 빠른 재렌더링에 적합합니다.
SVG는 의미를 담기 쉽고 Canvas는 별도 설명이 필요합니다.
요소 수, 애니메이션 빈도, 해상도에 따라 선택합니다.
둘 다 그리기 도구지만 모델이 다릅니다. DOM으로 다룰 그래픽인지 픽셀 버퍼로 빠르게 칠할 그래픽인지 먼저 구분하세요.