viewBox=”min-x min-y width height”

(x, y) 좌표를 (0, 0)이 기준

• min-x: x의 좌표 시작점을 지정해준다.
• min-y: y의 좌표 시작점을 지정해준다.
• width: 보이는 영역의 너비 지정
• height: 보이는 영역의 높이 지정

<svg viewBox="0 0 100 100" width="200" height="200">
	...
</svg>

✏️ viewBox의 width와 height의 차이점

viewBox 내부에 설정해주는 width와 height는 화면에 표출할 화면의 영역을 얼마큼의 너비와 높이로 보여줄 것인가 설정하는 것

width와 height는 svg 태그의 실제 너비와 크기