플래시 대체로 움직이는 이미지는 어떻게 만드나요?
본문
지인분 홈페이지를 만들어 줬습니다.
위 이미지는 한국에서 수출하는 국가를 화살표로 해서 만든건데요.
저 화살표를 플래시(?)로 해달라고 합니다. 예상컨데 한국에서부터
각 국가로 화살표가 뻗어나가는 애니메이션을 원하는거 같습니다.
이걸 GIF로 만들 수는 있긴한데 그러면 이미지 품질이 많이 안좋아지고
용량도 커져서 문제일거같습니다.
화살표만 애니메이션 처리하는 방법이 있을까요?
html 애니메이션이 있다고 하는데 아무것도 모르겠습니다ㅠㅠ
답변 2
SVG 벡터 경로(Path)를 따라 이동하는 CSS 애니메이션 만들기 (apost.dev)
하지만 좀더정확하게 위그림처럼 표현을하고자한다면
Adobe Illustrator나 Inkscape와 같은 벡터 그래픽 편집 도구를 사용하여 원하는 선을 표현을 해주셔야할겁니다.
한만디로 코딩에서 이를 하나씩 점찍어가면서 표현하고자한다라는 것은 미친 노가다라느 것이지요.
그래서 님이 말씀하신대로 예전플래쉬로 이를 표현하듯이 그래픽 편집툴을 이용하여 요소를 디자인한 후 SVG 파일로 내보내고,
이 파일을 웹 페이지에 직접 적용하면 된다라는것이지요
답변을 작성하시기 전에 로그인 해주세요.