
longandCursor
e104249707
style(metronome): 脚印改用 SVG 矢量,单笔成型告别卡通感
div 拼接(椭圆+5 个圆)无论怎么调都摆脱不了"青蛙脚"既视感,
根本原因是 div 画不出曲线轮廓。改用 SVG path 单笔成型:
- 新增 static/training/footprint.svg(775B)
· path 一笔走完:前足→足弓凹陷→脚跟,模拟真实脚印拓印
· 5 个脚趾用 ellipse + rotate 转角,大小递减(7.2→3.8rpx)
· 内侧(拇趾侧)凹陷、外侧饱满,符合解剖学
· 单色 #e2e8f0 fill-opacity 0.92,接近湿沙脚印质感
- metronome.vue:
· 模板:删 heel + 5×toe,改用 image src=footprint.svg
· CSS:删除 70+ 行 heel/toe 位置定位,只保留 footprint 容器
· 左脚保持 scaleX(-1) 镜像,动画 keyframe 不变
Co-authored-by: Cursor <cursoragent@cursor.com>
2026-05-25 12:45:17 +08:00
..
2026-03-11 09:49:47 +08:00
2026-05-25 12:45:17 +08:00
2026-03-16 15:08:28 +08:00
2026-03-06 14:27:24 +08:00
2026-03-06 14:27:24 +08:00
2026-03-06 14:27:24 +08:00
2026-03-06 14:27:24 +08:00
2026-03-06 14:27:24 +08:00
2026-03-06 14:27:24 +08:00
2026-03-18 14:53:09 +08:00
2026-03-18 14:53:09 +08:00
2026-03-18 14:53:09 +08:00
2026-03-19 12:19:00 +08:00