javascript - 在 Canvas 中沿贝塞尔曲线移动 Sprite

标签 javascript css html canvas

对于 Canvas 和动画来说是全新的。为什么不会 this ( fiddle )使用 Sprite 但 this one (Fiddle) 使用矩形填充?

我在哪里遗漏了什么:

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

还不够吗?它在 Canvas 上绘制它,那么为什么对象不会移动?对于这么简单的任务,我不需要使用 window.requestAnimationFrame,对吗?

最佳答案

因为你不是在第一个 fiddle 中移动它而是在相同的位置重新绘制它。

如果你改变这一行:

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

到:

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

它应该可以工作。希望这会有所帮助。

Modified fiddle here

关于javascript - 在 Canvas 中沿贝塞尔曲线移动 Sprite ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21198466/

相关文章:

javascript - 调度到正确的 reducer

Javascript .load() 函数未执行

css - 使用 Rootstheme 和 Twitter 的 Bootstrap 3 的 Wordpress 菜单 Dropcaps

html - 当我鼠标进入元素时显示一些弹出窗口。纯CSS

javascript - AngularJs 计数器可计数到特定目标数

javascript - 将发送按钮链接到 ajax 请求

java - 您能推荐任何可嵌入的 Javascript 引擎吗?

javascript - 悬停时下拉菜单媒体屏幕未关闭

CSS 背景图片放置

css - 固定位置在 Chrome 上不起作用