motionpath 圆弧动画异常需检查四点：①路径须为闭合svg元素引用，非字符串；②圆弧d属性需正确计算端点与flags；③绕固定点旋转优先用transform+rotate；④offset更新需配合缓动函数与高频率采样。
Composer 中 motionPath 动画不沿预期圆弧走？先确认路径是否闭合且圆心正确
Composer 的 motionPath 本身不直接支持“以某点为圆心、指定半径画圆弧”的声明式写法。它只认 SVG 路径字符串（d 属性），所以所谓“圆弧运动”，本质是用 arc 命令（A 或 a）手写一段 SVG path。常见错误是：路径没闭合、A 参数顺序错、坐标系理解偏差导致圆心偏移。
实操建议：
围绕关键发现、作用机制、临床相关性及研究局限性展开讨论。适用于撰写或优化任何生物医学论文的“讨论（Discussion）”部分——包括结果解读、与既往文献关联、阐释意外发现、界定研究局限性，以及撰写结论。当用户输入以下任一指令时也会自动触发该功能： - “write my discussion” - “help me discuss my findings” - “how do I compare to prior studies” - “write the limitations par
- 用
SVG <path d="M x y A rx ry x-axis-rotation large-arc-flag sweep-flag x y"></path>手写圆弧段，其中圆心由起始点、终点、半径和两个标志位共同决定，不是直接指定的 —— 想控制圆心，得反推起点/终点坐标 - 若需精确以
(cx, cy)为圆心、r为半径、从角度θ1走到θ2的圆弧，先算出端点：M cx+r*cos(θ1) cy+r*sin(θ1) A r r 0 0 1 cx+r*cos(θ2) cy+r*sin(θ2) - 避免用
large-arc-flag=1却只走小角度，会导致动画跳半圈；sweep-flag控制顺/逆时针，设错会镜像翻转
想让零件“绕固定点旋转”而不是“沿路径滑动”？改用 transform: rotate() + translate() 组合
如果目标只是视觉上绕某参照点转动（比如指针绕表盘中心转），motionPath 是重武器，反而难控。更稳的方式是把零件放在一个相对定位的容器里，用 CSS transform 实现几何旋转。
实操建议：
- 将零件元素包裹进
<div class="pivot-wrapper">，该容器用 <code>position: relative定位到圆心位置（如top: 100px; left: 150px） - 零件自身设
position: absolute，并用transform: translate(-50%, -50%) rotate(45deg)—— 其中translate把锚点拉回中心，rotate才真正绕中心转 - 动画用
@keyframes驱动rotate()，比解析 SVG path 更轻量，也更容易绑定数据（比如rotate(${angle}deg)） - 在 HTML 中提前定义路径：
<svg style="position: absolute; width: 0; height: 0;"><path id="arc-path" d="M..."></path></svg> - JS 中获取并赋值：
motionPath.path = document.getElementById('arc-path')，不是motionPath.path = "M..." - 动态生成路径时，务必用
document.createElementNS('http://www.w3.org/2000/svg', 'path')创建，再设d属性，最后 append 到隐藏<svg></svg>中 - 不要裸写
offset = t（t 线性递增），改用缓动函数映射：offset = easeInOutCubic(t)，尤其圆弧路径曲率变化大时更明显 - 确保更新频率与屏幕刷新率对齐（用
requestAnimationFrame），避免setTimeout造成丢帧 - 路径过长（如整圆）而
offset步进太大（如每次 +0.05），会导致跳点；建议步进 ≤0.01，并启用motionPath.spacing = 'auto'让 Composer 自动插值
motionPath 的 path 属性必须是 DOM 元素或有效 SVG <path></path> 引用，不能是纯字符串路径
常见报错 Invalid value for 'path' property 或动画静止不动，往往是因为传了字符串路径（如 "M0,0 A50,50 0 0,1 100,0"）给 motionPath.path。Composer 不接受字符串字面量，只接受已挂载的 SVG <path></path> 元素引用。
实操建议：
圆弧动画卡顿或轨迹抖动？检查 motionPath.offset 更新频率与 easing 匹配度
motionPath.offset 控制零件在路径上的位置（0–1），手动更新它做动画时，若每帧都用 requestAnimationFrame 直接赋值，但未配合适当缓动函数，容易出现非匀速、突变或采样不足导致的抖动。
实操建议：
