SVG vs Canvas 선택 흐름도

그래픽 방식은 편집 대상인지, 요소별 의미가 필요한지, 픽셀을 얼마나 자주 다시 그리는지에 따라 달라진다.

질문	SVG 쪽 답	Canvas 쪽 답	선택 이유
확대 품질이 중요한가	벡터로 선명하게 유지	픽셀 크기 조정 필요	아이콘·차트는 SVG 우세
요소별 조작이 필요한가	DOM 이벤트와 CSS 가능	좌표 계산 필요	클릭 가능한 도형은 SVG
매 프레임 갱신하는가	DOM 업데이트 비용 증가	픽셀 redraw에 강함	게임·파티클은 Canvas
객체 수가 매우 많은가	DOM 노드 수가 부담	단일 surface에 그리기	대량 시각화는 Canvas 후보
의미 설명이 필요한가	title/desc 연결 쉬움	대체 DOM 필요	접근성 요구가 높으면 SVG 검토

SVG와 Canvas 선택은 그림의 예쁨보다 상태 보관, 조작 방식, 갱신 빈도, 접근성 요구로 결정한다.