ViewBox에 svg 채우기

Question

그래프가보기 상자보다 큰 경우보기 상자보다 큰 그래프가 있으면보기 좋게 축소되지만 그래프가보기 상자보다 작 으면 그래프를 작성하기 위해 균일하게 늘어나지 않습니다 뷰 박스의 최대 영역 preserveAspectRatio = "xMidYMid 대회는"내가 원하는 것을하지 않는 이유

이해가 안 돼요. 미래에 대한

덕분에

Answer 1

당신은 아마 '뷰포트'로 대체해야합니다 귀하의 질문에 '뷰 박스'에서, 용어 혼란 것으로 보인다 응답합니다.

preserveAspectRatio="xMidYMid meet"은 종횡비를 유지하면서 최대 공간을 채우고 svg를 가운데 맞추는 것을 의미합니다. 전체 뷰포트를 채우고 싶으면 preserveAspectRatio="xMidYMid slice"을 사용하여 필요한 경우 svg의 일부를 잘라내거나 을 사용하여 뷰포트를 완전히 채우지 만 가로 세로 비율을 유지하지 않고 svg를 늘립니다.

svg에서 'viewBox'속성을 사용하여 뷰포트의 가로 세로 비율과 일치하도록 조정할 수도 있습니다.