在少量翻译后清除画布以重绘它

Question

我试图清除画布，在点击按钮后重绘具有修改值的图。我面临的问题是，当我尝试使用clearRect清除画布时，经过少量翻译和缩放后，我无法完全清除画布。它正在画布中间清除画布。

那么有没有办法彻底清除它？

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();

Answer 1

尝试

ctx.restore();

在你清除它之前。