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

Posted 2023-03-05

【中文标题】如何清除画布html5？ [复制]

【英文标题】：How to clear canvas html5? [duplicate]

【发布时间】：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();

但没有删除画布图像。

有什么想法吗？

最好的问候，

【参考方案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 也一样。