如何清除画布html5？ [复制]答案

【问题标题】：How to clear canvas html5? [duplicate]如何清除画布html5？ [复制]
【发布时间】：2015-06-24 07:28:14
【问题描述】：

我正在尝试清除 Canvas。

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

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

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

但没有删除画布图像。

有什么想法吗？

最好的问候，

【问题讨论】：

标签： javascript html canvas

【解决方案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/

【讨论】：

【解决方案2】：

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

【讨论】：