javascript - 如何清除canvas html5？

Question

这个问题已经有答案了:

How to clear the canvas for redrawing (25 个回答)

已关闭 8 年前。

我正在尝试清除 Canvas 。

我执行一个 setInterval 函数，该函数在任何迭代中调用不同的“ Canvas ”。

执行后，我调用此函数:

function deleteCanvas(){
    var canvas = document.getElementById("canvas");
    var context = canvas.getContext("2d");
    context.clearRect(0, 0, context.width,context.height);
    context.beginPath();
}

但不能删除 Canvas 图像。

有什么想法吗？

最诚挚的问候，

Answer 1

根据此 HTML5 Canvas 教程: http://www.html5canvastutorials.com/advanced/html5-clear-canvas/

您不必调用beginPath()。接下来，您可能应该将 context 更改为 canvas。

$("#clear").on('click', function () {
    context.clearRect(0, 0, canvas.width, canvas.height);
});

示例: http://jsfiddle.net/cwv0y6nh/