保存canvas太麻煩了. 可以把繪制的信息保存起來,比如說繪制的區(qū)域.
撤銷在把這片區(qū)域清空就可以了.

將每一個操作作為一個記錄, 存在棧(可以用數(shù)組模擬)中, 用戶每操作一個記錄, 就入棧, 撤銷就出棧, 并且清除這條記錄對應的圖形。

記錄每一步操作的行為和初始位置，放到數(shù)組里

這個挺好解決的，畫板上所有的圖形都放在一個數(shù)組里。也就是說，每個圖形是一個對象，內(nèi)部有這個圖形的所有信息，包括x, y, width, height等，然后操作這個數(shù)組即可完成撤銷。
array.pop(); array.forEach(a => a.draw());

當然，有更簡單的解決方法，給你推薦一個canvas 2d渲染庫，https://www.github.com/PengJi...。
這是一個canvas 2d 渲染庫，體量小，功能強大，支持畫圖，圖形綁定時間，拖拽，放大縮小等。

你的撤銷需求很容易就能實現(xiàn)。