플래시 대체로 움직이는 이미지는 어떻게 만드나요?

플래시 대체로 움직이는 이미지는 어떻게 만드나요?

QA

플래시 대체로 움직이는 이미지는 어떻게 만드나요?

본문

991022291_1718289680.3453.jpg

지인분 홈페이지를 만들어 줬습니다.

위 이미지는 한국에서 수출하는 국가를 화살표로 해서 만든건데요.

저 화살표를 플래시(?)로 해달라고 합니다. 예상컨데 한국에서부터

각 국가로 화살표가 뻗어나가는 애니메이션을 원하는거 같습니다.

이걸 GIF로 만들 수는 있긴한데 그러면 이미지 품질이 많이 안좋아지고

용량도 커져서 문제일거같습니다. 

화살표만 애니메이션 처리하는 방법이 있을까요?

html 애니메이션이 있다고 하는데 아무것도 모르겠습니다ㅠㅠ

이 질문에 댓글 쓰기 :

답변 2

SVG 벡터 경로(Path)를 따라 이동하는 CSS 애니메이션 만들기 (apost.dev)

하지만 좀더정확하게 위그림처럼 표현을하고자한다면

Adobe Illustrator나 Inkscape와 같은 벡터 그래픽 편집 도구를 사용하여 원하는 선을 표현을 해주셔야할겁니다.

한만디로 코딩에서 이를 하나씩 점찍어가면서 표현하고자한다라는 것은 미친 노가다라느 것이지요.

예스마이홈 (yesmyhome.kr)

 

그래서 님이 말씀하신대로 예전플래쉬로 이를 표현하듯이 그래픽 편집툴을 이용하여 요소를 디자인한 후 SVG 파일로 내보내고,

이 파일을 웹 페이지에 직접 적용하면 된다라는것이지요

 

답변을 작성하시기 전에 로그인 해주세요.
전체 773
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT