Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在画布中沿贝塞尔曲线移动精灵_Javascript_Css_Html_Canvas - Fatal编程技术网

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

Javascript 在画布中沿贝塞尔曲线移动精灵,javascript,css,html,canvas,Javascript,Css,Html,Canvas,对画布和动画完全陌生。为什么(Fiddle)不能处理精灵,但(Fiddle)可以处理矩形填充 我错过了什么在哪里: ctx.drawImage(img, 10, 10, 13, 50); 这还不够吗?它在画布上绘制它,那么为什么对象不移动呢?对于这样一个简单的任务,我不需要使用window.requestAnimationFrame,是吗?因为您不是在第一小提琴中移动它,而是在相同的位置重新绘制它 如果更改此行: ctx.drawImage(img, 10, 10, 13, 50); 致:

对画布和动画完全陌生。为什么(Fiddle)不能处理精灵,但(Fiddle)可以处理矩形填充

我错过了什么在哪里:

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

这还不够吗?它在画布上绘制它,那么为什么对象不移动呢?对于这样一个简单的任务,我不需要使用
window.requestAnimationFrame
,是吗?

因为您不是在第一小提琴中移动它,而是在相同的位置重新绘制它

如果更改此行:

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

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


不,对不起,这似乎与图像或精灵无关。我的问题不是关于贝塞尔曲线本身,而是如何有效地将drawImage应用于它。如果您总是在同一位置绘制图像,请尝试
ctx.drawImage(img,point.x,point.y,13,50)。哦,哇,哇。它甚至在另一把小提琴里。谢谢
ctx.drawImage(img, point.x-10, point.y-10, 13, 50);