沿画布中的贝塞尔曲线移动精灵

Question

全新的画布和动画。为什么this（小提琴）不能使用精灵，但this one（小提琴）可以使用矩形填充？

我在哪里错过了什么：

ctx.drawImage(img, 10, 10, 13, 50);

还不够吗？它在画布上绘制，为什么对象不会移动？我不需要使用window.requestAnimationFrame来执行这么简单的任务，是吗？

Answer 1

因为你没有在第一个小提琴中移动它，而是将它重绘在相同的位置。

如果您更改此行：

ctx.drawImage(img, 10, 10, 13, 50);

为：

ctx.drawImage(img, point.x-10, point.y-10, 13, 50);

它应该有用。希望这会有所帮助。

<强> Modified fiddle here