今天尝试了一下用SVG制作动画
实现效果如下:
此主题相关图片

实际效果比这个流畅,关键的动画代码如下:
但对于动画的学习我决定到此为止,因为没有强大工具的支持(我在AI中没有找到),完全用代码去写动画那简直是恶梦,目前来说SVG的矢量动画只能是当作辅助,其动画能力应该还是不错的,但由于没有FLASH这种工具的支持,恐怕难以流行。
全部代码见附件:
实现效果如下:
此主题相关图片
实际效果比这个流畅,关键的动画代码如下:
<animateMotion path="M0,300 S150,100 200,200 S400,400 500,0" dur="8s" repeatCount="indefinite" rotate="auto" / |
但对于动画的学习我决定到此为止,因为没有强大工具的支持(我在AI中没有找到),完全用代码去写动画那简直是恶梦,目前来说SVG的矢量动画只能是当作辅助,其动画能力应该还是不错的,但由于没有FLASH这种工具的支持,恐怕难以流行。
全部代码见附件:

本文介绍了作者尝试使用SVG制作动画的体验,展示了实现的动画效果,并指出虽然SVG的矢量动画性能良好,但由于缺乏类似FLASH的强力工具支持,使得完全用代码编写动画变得困难,因此认为SVG动画更多作为辅助手段,其普及可能受限。
最低0.47元/天 解锁文章
5419





