[Feature] 设置动画的Sprite支持在av-canvas上拖动设置其位置、大小、旋转角度。

[solidrock-do-it]

背景/功能描述

很多场景需要对Sprite设置动画，例如：文字向上淡入淡出。

目前设置Sprite动画会转变为 x、y、w、h 位置坐标和大小尺寸，在visible-sprite.ts 和 offscreen-sprite.ts 渲染是调用 base-sprite.ts 的 animate 方法设置其坐标与大小等信息，从而无法在 Canvas 上进行拖动改变其位置与大小。

希望能增加设置动画的Sprite支持在av-canvas上支持拖动其位置、大小、旋转角度。

解决方案

附加信息

[hughfenghen]

最好能通过 DEMO 展示 AVCanvas 的目前的局限性、通过图片或其他产品某个功能的录屏，让你的诉求更容易被理解。

[solidrock-do-it]

最好能通过 DEMO 展示 AVCanvas 的目前的局限性、通过图片或其他产品某个功能的录屏，让你的诉求更容易被理解。

DEMO：https://stackblitz.com/edit/vitejs-vite-npyobmwh?file=src%2FApp.tsx

其中示例2： 文字设置向上淡入淡出动画，在Canvas拖动调整其Y轴位置时，会恢复到Y轴的初始位置。如果动画涉及到X轴，X轴的位置在Canvas上也不能拖动。

[hughfenghen]

@solidrock-do-it 你提供了很棒的 dmeo，你发现了一个设计上的冲突。

sprite 上的 animation 最初设计参考 css 的 API，目的是给 OffscreenSprite 使用的，即提供简单的 API （只需提供动画关键点的状态）支持给视频中元素添加动画。

但这样的 API 设计，会与用户交互冲突，所以用户无法打断网页中的 css 动画。

如果要解决动画跟用户交互之间的冲突，需要更复杂的 API，目前没有很好的想法或很强的诉求来解决这个问题。

你可以查看 WebAV 文档中的进阶章节、自定义 Clip，你可以自定义自己的绘制逻辑来实现动画，也许能解决你的问题。

[hughfenghen]

也许你可以通过一个map，将 VisibleSprite 跟动画配置关联起来，但不要进行动画设置

最后导出视频的之前 再把它设置对应的 OffscreenSprite 上