Question

我正在尝试清除画布。

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

任何执行后，我都会调用此函数：

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

但是没有删除画布图像。

有什么想法吗？

致以最诚挚的问候，

Answer 1

尝试将context.width更改为canvas.width。 height也一样。

Answer 2

根据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/

如何清除画布html5？

2 个答案: