如何清除画布html5？

Question

我正在尝试清除画布。

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

任何执行后，我调用这个函数：

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

但是，没有删除画布图像。

有什么想法？

最好的问候，

Answer 1

根据这一HTML5画布教程： 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/

Answer 2

尝试改变context.width到canvas.width。对于height也是如此。