path로 그린 svg 화면 꽉채우기
880
작성한 질문수 16
강의와 관련 있을지 모르겠지만 그래도 질문 남겨봅니다..
svg가 viewport에 의해서 크기가 조절되기 때문에 데스크탑 화면에서 꽉차던게 모바일환경에서는 크기가 줄어들어 버립니다.
ex) <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 450">
저는 데스크탑,모바일 둘다 화면에 꽉 채우고 싶은데 어떻게 해야하나요?
답변 1
0
svg 요소 내부의 수치들은 <svg>에 설정된 viewBox를 기준으로 잡히는데요,
꽉 차게 하시려면 viewBox의 범위 자체를 내부의 요소들이 꽉 찰만한 범위로 맞춰주시면 됩니다.
섹션1의 SVG 크기 설정 수업을 복습해보시면 도움이 되지 않을까 싶습니다^^
svg 직접 그리기
0
58
1
SVG 파일 CSS 애니메이션
0
215
1
곡선에 따라 글자쓰기에서 path 대신 circle은 안되나요?
0
285
1
선생님 질문 있습니다! svg 태그에 object-fit: cover; 같은 속성을 적용하기는 어려울까요?
0
584
1
atom 서비스 종료, emmet 설치안됨
0
1425
1
SVG 태그 중 foreignObject 관련하여 질문드립니다.
0
1564
1
마스크가 안돼요..
0
431
2
강의 노션
0
403
1
강의 노션
0
341
1
마스크 2에서 배경으로 깔린 패턴 애니메이션이 멈춰있는 현상
1
237
1
path 를 x ,y로 이동
0
287
1
같은 페이지에 같은 svg 아이콘을 사용할 경우 id 값이 동일해도 되나요?
0
363
1
마스크2 돋보기 질문
0
391
1
압축에 관하여
0
280
1
svg 강의 스트로크 편 구현 에서 제가 적용하면 안되는게 있어요
0
418
2
패스 강의 관련 태그 질문 드립니다 ㅠ.ㅠ
0
514
1
글씨 깨짐
0
434
1
smil 무한반복 질문
0
236
1
SMIL 애니메이션 중복 관련 질문드립니다. ( + 융의 땅 관련 질문 추가...)
0
333
1
class name 정의 하실때 bem 방법 사용하시나요??
0
332
1
마스크 2 에서 질문있습니다.
0
263
1
svg 파일 불러오기
0
366
1
svg 태그 질문!
0
232
1
질문드립니다.
0
247
1