六、SVG动画

IMG_2388.PNG

一、动画原理

IMG_2391.PNG

二、SMIL for SVG

SMIL已嵌入到浏览器引擎，可以直接使用...标签来做动画

IMG_2392.PNG

定位动画目标

IMG_2397.PNG

2.1 基本动画

IMG_2398.PNG

IMG_2400.PNG

IMG_2401.PNG

IMG_2403.PNG

IMG_2404.PNG

IMG_2405.PNG

2.2 变换动画

IMG_2406.PNG

IMG_2407.PNG

IMG_2409.PNG

2.3 轨迹移动动画

IMG_2455.PNG

IMG_2458.PNG

IMG_2459.PNG

IMG_2460.PNG

IMG_2461.PNG

三、脚本动画

IMG_2462.PNG

IMG_2463.PNG

IMG_2464.PNG

IMG_2465.PNG

IMG_2466.PNG

IMG_2467.PNG

IMG_2468.PNG

IMG_2469.PNG

IMG_2470.PNG

IMG_2471.PNG

IMG_2473.PNG

IMG_2476.PNG

IMG_2479.PNG

IMG_2480.PNG

IMG_2481.PNG

IMG_2482.PNG

IMG_2483.PNG

IMG_2484.PNG