Javascript 清除画布中的一部分

Javascript 清除画布中的一部分,javascript,html,canvas,Javascript,Html,Canvas,我正在画布上创建动画。最初,画布上会绘制一组图像。经过一定的时间,比如说5秒钟,图像必须从原始位置清除,并在单独的位置绘制 为了清除图像,我尝试使用context.clearRect()清除该部分,但没有成功。还有其他方法吗?clearRect是正确的方法。请注意,如果应用了变换,则可能会清除画布中的另一个矩形。您始终可以通过以下方法解决此问题: // I have lots of transforms right now ctx.save(); ctx.setTransform(1, 0, 0

我正在画布上创建动画。最初,画布上会绘制一组图像。经过一定的时间,比如说5秒钟,图像必须从原始位置清除,并在单独的位置绘制


为了清除图像,我尝试使用context.clearRect()清除该部分,但没有成功。还有其他方法吗?

clearRect是正确的方法。请注意,如果应用了变换,则可能会清除画布中的另一个矩形。您始终可以通过以下方法解决此问题:

// I have lots of transforms right now
ctx.save();
ctx.setTransform(1, 0, 0, 1, 0, 0);
// Will always clear the right space
ctx.clearRect(x, y, width, height);
ctx.restore();
// Still have my old transforms

你对.clearRect()有什么问题?这应该是清除画布(矩形)部分的正确方法。它不会产生任何结果。不过,当我清除整个画布时,它就可以工作了。clearRect()应该可以做到这一点。谢谢你的样品。我刚刚发现clearRect()可以清除颜色,但不能清除图像。@S.RaviKiran画布没有“颜色”和“图像”的概念——它只知道像素<代码>clearRect将用于清除图像。这是一本书。(顺便问一下,你从哪里听说,
clearRect
无法清除图像?这与画布作为哑像素网格的工作方式无关。)