📱인프런 모바일 App 😆
SVG 마스터

SVG 마스터

(3개의 수강평)

96명의 수강생

27,500원

평생
초급, 중급
수료증
37개 수업, 총 4시간 21분
위시리스트 추가
Mingyu Jeon 프로필

svg 내부 요소들 center 정렬하기 Mingyu Jeon 14일 전

안녕하세요!

강의 잘보고 있습니다.

예제를 조금 수정해서 이것저것 바꿔보고 있는데

혹시 svg 안의 요소들을 center 정렬하는 방법이 따로 있을까요?

 

제가 시도해본 방법은 

1.

svg안에 class를 주고,
display: flex; justify-content: center; align-items: center;

 

2. svg안쪽에서 가장 최상위 요소에,

top: 0; left:0; bottom: 0; right: 0; margin: auto;

 

그런데 위의 두 방식은 전혀 동작하지 않더라구요.

그래서 지금 preserveAspectRatio 속성을 이용해서 적용해볼까 하는데

혹시 간단한 방법이 있을까요?

 

감사합니다 :)

1
Mingyu Jeon 프로필

압축에 관해서... Mingyu Jeon 24일 전

안녕하세요 :)

혹시 압축할때 일러스트레이터에서 minify한 것과 svgomg에서 압축한 것과 차이가 있나요?
일러스트레이터가 없어서 비교를 못해보겠어요 :(

1
sanggeun kwak 프로필

smil animate 질문이요! sanggeun kwak 26일 전

smil animate에서 진행방향 역방향으로 alternate를 쓰고 싶은데 어떻게 해야 하나요?

2
강영진 프로필

SVG, Interactive 너무 즐겁게 잘 듣고 있습니다! 강영진 28일 전

선생님, 인프런 두강의  너무 재미있게 듣고 있습니다. 

수업중에 스튜디오 밀 홈페이지는 HTML5 캔버스로 만들었다고 하셨는데 

나중에 관련 수업하나 오픈 해주세요. 어떻게 만드는지 궁금합니다. ㅠㅠ 

1