inflearn logo
강의

Course

Instructor

SVG Master

Creating React Mon 4

svg 태그 질문!

257

xodnd95031558

9 asked

0

안녕하세요 강사님  복습중에 일러스트로 svg를 직접 만들어서 해보는데  타원을 그려도 svg 코드에서는 path로 되있는경우가 있더라구요 그런데 css로 width로 svg를 줄이면 이미지가 부분부분 안보이더라구요 

제 예상에는 path의 좌표들이 svg크기를 바꿔주면 꼬여서 그런거같은데 

path로 등록되있는걸 도형 태그로 바꿔주는 기능이 따로잇을까요?

svg HTML/CSS

Answer 1

0

studiomeal

자동으로 깔끔하게 변환이 가능한 툴은 저도 모르겠네요^^;
SVG 요소 크기의 경우, viewBox를 설정해두시면 컨테이너 사이즈에 따라 유연하게 동작하도록 하실 수 있습니다.
초반부에 있는 "SVG 크기 설정" 강의를 복습해보세요! ^^

svg 직접 그리기

0

100

1

SVG 파일 CSS 애니메이션

0

252

1

곡선에 따라 글자쓰기에서 path 대신 circle은 안되나요?

0

325

1

선생님 질문 있습니다! svg 태그에 object-fit: cover; 같은 속성을 적용하기는 어려울까요?

0

613

1

atom 서비스 종료, emmet 설치안됨

0

1459

1

SVG 태그 중 foreignObject 관련하여 질문드립니다.

0

1612

1

마스크가 안돼요..

0

476

2

강의 노션

0

429

1

강의 노션

0

362

1

마스크 2에서 배경으로 깔린 패턴 애니메이션이 멈춰있는 현상

1

264

1

path 를 x ,y로 이동

0

315

1

같은 페이지에 같은 svg 아이콘을 사용할 경우 id 값이 동일해도 되나요?

0

401

1

마스크2 돋보기 질문

0

421

1

압축에 관하여

0

305

1

svg 강의 스트로크 편 구현 에서 제가 적용하면 안되는게 있어요

0

440

2

패스 강의 관련 태그 질문 드립니다 ㅠ.ㅠ

0

537

1

글씨 깨짐

0

453

1

smil 무한반복 질문

0

267

1

SMIL 애니메이션 중복 관련 질문드립니다. ( + 융의 땅 관련 질문 추가...)

0

362

1

class name 정의 하실때 bem 방법 사용하시나요??

0

355

1

마스크 2 에서 질문있습니다.

0

284

1

path로 그린 svg 화면 꽉채우기

0

896

1

svg 파일 불러오기

0

386

1

질문드립니다.

0

275

1