Thank you for sending your enquiry! One of our team member will contact you shortly.
Thank you for sending your booking! One of our team member will contact you shortly.
Course Outline
소개
Scalable 벡터 그래픽 개요
- 벡터 그래픽 이해
- SVG 기초
- SVG 용도 및 응용
기본적인 사용법 익히기 SVG
- SVG 만들기
- SVG을 이미지로 사용
- SVG 이미지 만들기
SVG 코드 자세히 살펴보기
- SVG 레이아웃, 구조 및 속성 이해
- SVG Element 소개
- SVG 그래픽 Element 작업
- SVG 컨테이너 Element 작업
- SVG 그라디언트 Element 작업
HTML 및 CSS과 함께 SVG 사용
- 임베딩 SVG
- 수정 및 스타일링 SVG CSS 사용
- SVG 반응형 만들기
SVG 스프라이트 만들기
- 이미지 스프라이트 개요
- HTML 인라인 SVG 스프라이트 사용
- HTML의 외부 SVG 스프라이트 참조
- CSS 인라인 SVG 스프라이트 사용
- SVG 조각 식별자 사용
최적화 SVG
SVG로 애니메이션 만들기
- SVG Animation에 CSS 사용
- SVG Animation에 SMIL 사용
- SVG Animation에 Java스크립트 사용
첫 번째 SVG 로고 Animation 프로젝트 만들기
- 작업 환경 설정
- SVG 그리기
- SVG 코드를 수정하여 SVG 스타일 지정
- SVG 최적화
- SVG 애니메이션
문제 해결
맺음말
Requirements
- HTML 및 CSS의 배경
7 Hours