为什么画布撤消无法正常工作？

Question

我正在绘制一个绘图页面，我有多个按钮。我的问题是撤消按钮。当我在画布上绘制3条线，然后单击撤消时，一切都很好。但是当我想再次画画的时候，那些不合时宜的线条又出现了。

有人可以帮我解决这个问题吗？

这是我的撤销功能：

function cUndo() {
  if (cStep > 0) {
    cStep--;
    var canvasPic = new Image();
    canvasPic.setAttribute('crossOrigin', 'anonymous');
    canvasPic.src = cPushArray[cStep];
    context.clearRect(0, 0, 575, 575);
    canvasPic.onload = function() {
      context.drawImage(canvasPic, 0, 0, 575, 575);
    }
  }
}

这是整个应用程序：

JSFiddle

我知道要接受很多代码，但是我已经用了一段时间搞砸了我的脑袋，我无法弄清楚我做错了什么，或者我没做过什么。谢谢。