取消动画后无法恢复到初始状态

例如一个圆形，默认为红色，对该圆形执行动画：

```ts
const circle = new Circle({
style: {
cx: 300,
cy: 200,
r: 100,
fill: 'red',
},
});

const animation = circle.animate(
[{ fill: 'blue' }, { fill: 'green' }],
1000
);

animation.cancel();
```

期望调用 `animation.cancel()` 后图形重置为红色，而非蓝色

Start by reproducing the Circle.animate example and trace the animation.cancel() entry point in the animation subsystem. Confirm the behavior after cancellation and adjust the relevant handling so the circle returns to its original red fill instead of remaining blue.

Written by the indexing model from the issue text.