一般的SVG动画路径你们是怎么生成的?

WytheChan
  • 766

图片描述
想找一些好看的按钮样式
找到一些不错的案例,还有点小动效
不错,立马下载源码查看学习
发现里面有的小动效是用svg写的
不懂svg,搜索学习,看完基础,还是不懂

主要是下图这些动画路径:
图片描述
后面都精确到小数点3位了,不可能是手写的,也不可能是自己算的吧,
所以这些svg的动画路径要在哪里可以生成呢?

有时想做一些简单的曲线运动,但css3好像不太好实现曲线的运动轨迹。

回复
阅读 2.2k
3 个回答

可能是UI生成的SVG文件或者是在一些iconfont网站上生成的svg。
曲线运动canvas也可以做

复杂的一般用ps导出路径,也可以用AI 来绘制路径

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏