一、预览效果

二、实现逻辑

在「自定义路径」组件中，通过上传SVG文件或写入<path>标签路径，实现自定义物体运动路径的效果。

三、操作步骤

第一步，添加「自定义路径」组件。右上角搜索，输入自定义路径，添加组件。

• 文件形式：上传svg格式的文件

• 路径上传：写入SVG<path>标签写法绘制路径

a.文件上传：在右侧的运动路径中上传已有的svg文件，此处上传的是一个直线，因此左边的路径就被替换成了直线。

b.路径上传：在右侧运动轨迹中粘入<path>标签路径。此处事星形运动轨迹案例，左边的路径就变成了星形（以下是路径的参考）

M65,1.12977573 L84.6526658,40.9504261 L128.597363,47.3359643 L96.7986813,78.3320179 L104.305332,122.099148 L65,101.435112 L25.6946684,122.099148 L33.2013187,78.3320179 L1.40263746,47.3359643 L45.3473342,40.9504261 L65,1.12977573 Z

ps：如需了解更多<path>标签写法，可点击参考1，参考2做学习～推荐「即时设计」等设计应用，可以在画布中画好相关形状或路径后导出svg文件，或者使用iconfont网址搜索需要的图标后下载svg文件/导出svg代码。

第三步，替换路径中图形的样式。平台内置了圆形、方形的形状，也支持自定义图形，因此可以将需要设置动画的自定义图形做上传，进而替换掉原有图形。