x축으로 이동후에 이어서 y축으로 이동하려면 어떻게 해야하나요?<img src="https://cdn.inflearn.com/public/files/posts/7445b04e-73a4-4f35-aaab-7ca981dff261/스크린샷 2019-10-23 오후 3.45.54.png" title="스크린샷 2019-10-23 오후 3.45.54.png" width="1905" height="1063" alt="" />

&lt;svg class="svg" viewBox="0 0 1000 1000"&gt;oo
&nbsp; &nbsp; &lt;rect class="rect" x="10" y="10" width="20%" height="20%"&gt;
&nbsp; &nbsp; &nbsp; &lt;animate class="ani" attributeName="x" dur="2s" to="500" fill="freeze"&gt;&lt;/animate&gt;
&nbsp; &nbsp; &nbsp; &lt;animate class="ani" attributeName="y" dur="1s" begin="2s" to="200" fill="freeze"&gt;&lt;/animate&gt;
&nbsp; &nbsp; &lt;/rect&gt;
&nbsp; &lt;/svg&gt;
이런 식으로 begin 속성을 이용해서,
두번째 애니메이션의 시작 시점을 첫번째 애니메이션이 끝나는 순간으로 조정해 보세요~

인프런 커뮤니티 질문&답변

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