hosteons中文网

本例利用 History API 的状态对象实时记录用户的每一操作，把每一次操作信息传递给浏览器的历史记录保存起来，这样当用户单击浏览器的“后退”按钮时，会逐步恢复前面的操作状态，从而实现历史恢复功能。在示例页面中显示一个 canvas 元素，用户可以在该 canvas 元素中随意使用鼠标绘画，当用户单击一次或连续单击浏览器的“后退”按钮时，可以撤销当前绘制的最后一笔或多笔，当用户单击一次或多次连续单击浏览器的“前进”按钮时，可以重绘当前书写或绘制的最后一笔或多笔，演示效果如下图所示：