Javascript 清理画布以便在几次翻译后在其上重新绘制

Javascript 清理画布以便在几次翻译后在其上重新绘制,javascript,html,canvas,Javascript,Html,Canvas,我正在尝试清除画布,以便在单击按钮后使用修改后的值重新绘制绘图。我面临的问题是,经过几次转换和缩放后,当我尝试使用clearRect清除画布时,我无法完全清除画布。它在帆布中间清理帆布。< /P> 那么有没有办法彻底清除它呢 var canvas1=document.getElementById('plot'); var ctx=canvas1.getContext("2d"); ctx.clearRect(0,0,10000,2000); ctx.translate(0,300); ctx

我正在尝试清除画布,以便在单击按钮后使用修改后的值重新绘制绘图。我面临的问题是,经过几次转换和缩放后,当我尝试使用clearRect清除画布时,我无法完全清除画布。它在帆布中间清理帆布。< /P> 那么有没有办法彻底清除它呢

var canvas1=document.getElementById('plot');
var ctx=canvas1.getContext("2d");
ctx.clearRect(0,0,10000,2000);

ctx.translate(0,300);

ctx.scale(1,-0.5);

// Few more translations

ctx.clearRect(0,0,canvas.width,canvas.height);

redraw();
设法

ctx.restore();
在你清理它之前