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

image.png

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

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

尝试过的方法:

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

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

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