viewport, viewBox 비교
1. Viewport (뷰포트)viewport는 SVG가 화면에 표시되는 실제 크기와 위치를 정의합니다. 이는 SVG의 픽셀 공간을 결정하며, 일반적으로 HTML 문서에서 SVG 요소의 width와 height 속성에 의해 설정됩니다.픽셀 단위: viewport는 물리적 픽셀 공간으로 동작합니다.CSS와 관련: HTML 문서 내에서 CSS를 사용해 크기 조정을 적용할 수 있습니다.설정하지 않으면 기본적으로 SVG의 내용이 포함된 본질적 크기(intrinsic size)를 사용합니다.viewport를 설정하지 않고 CSS의 width와 height를 사용하면 외부 컨테이너에 따라 유연하게 변합니다. 2. ViewBox (뷰박스)viewBox는 SVG의 내부 좌표 시스템을 정의합니다. viewBox는 다음..
html + css
2025. 1. 7. 13:42
