• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

안녕하세요 질문이 있습니다.

19.10.23 15:46 작성 조회수 181

0

x축으로 이동후에 이어서 y축으로 이동하려면 어떻게 해야하나요?

답변 1

답변을 작성해보세요.

0

<svg class="svg" viewBox="0 0 1000 1000">oo

    <rect class="rect" x="10" y="10" width="20%" height="20%">

      <animate class="ani" attributeName="x" dur="2s" to="500" fill="freeze"></animate>

      <animate class="ani" attributeName="y" dur="1s" begin="2s" to="200" fill="freeze"></animate>

    </rect>

  </svg>

이런 식으로 begin 속성을 이용해서,

두번째 애니메이션의 시작 시점을 첫번째 애니메이션이 끝나는 순간으로 조정해 보세요~