如何让线围绕不规则多边形运动

image.png

如图所示,我想让图上这个红圈中的点和线围绕边框运动, 边框不是规则的正方形,有凹凸的地方。

请问怎么实现讷,
不胜感激。

尝试过的方法:

  • 通过box-shadow加clip: rect关键帧动画可以实现线围绕正方形运动,但是这个不规则的不行啊
  • 使用offset-path处理路径动画,但是只是简单的运动,线转角时并不会变成折线
阅读 1.9k
1 个回答

svg或者canvas,前者相对简单些

推荐问题