-
질문 & 답변
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
path로 그린 svg 화면 꽉채우기
21.01.20 14:12 작성 조회수 531
0
강의와 관련 있을지 모르겠지만 그래도 질문 남겨봅니다..
svg가 viewport에 의해서 크기가 조절되기 때문에 데스크탑 화면에서 꽉차던게 모바일환경에서는 크기가 줄어들어 버립니다.
ex) <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 450">
<path d="M650 0 L650 450" />
</svg>
저는 데스크탑,모바일 둘다 화면에 꽉 채우고 싶은데 어떻게 해야하나요?
답변을 작성해보세요.
0
1분코딩
지식공유자2021.01.20
svg 요소 내부의 수치들은 <svg>에 설정된 viewBox를 기준으로 잡히는데요,
꽉 차게 하시려면 viewBox의 범위 자체를 내부의 요소들이 꽉 찰만한 범위로 맞춰주시면 됩니다.
섹션1의 SVG 크기 설정 수업을 복습해보시면 도움이 되지 않을까 싶습니다^^
답변 1