html5 canvas如何获取绘制状态的canvas堆栈

【问题标题】：html5 canvas how to get The canvas stack of drawing stateshtml5 canvas如何获取绘制状态的canvas堆栈
【发布时间】：2011-12-11 09:12:15
【问题描述】：

html5 canvas如何获取绘制状态的canvas堆栈？每个上下文都维护着一堆绘图状态。绘图状态由当前剪辑区域（我需要）和其他组成。 API 仅提供 save() 和 restore() 方法来获取当前绘图状态并维护堆栈。但是，如果我在堆栈中保存了许多绘图状态并且想要将一个更改为另一个不透水的状态。我能做些什么？如何将堆栈视为数组？

【问题讨论】：

你考虑过类似fabric.js的东西吗？

标签： javascript html canvas

【解决方案1】：

当鼠标在画布上按下时，您需要不同的数组来存储 x 和 y 位置。然后，您可以通过在 mousedown 事件时记录这些数组的索引来区分不同的图形。 Here is a tutorial 满足此类要求。这一系列mousedown索引也可以用来撤消绘图

【讨论】：

我阅读了教程。它仅在主区域供用户使用剪辑功能创建的绘图。如果我有两个主要区域供用户绘制，我可以通过 save()&restore() 来绘制该区域。但是如果我有 10 个主要区域并且我想切换到堆栈中的第二个芯片，我需要使用恢复功能 8 次并且无法返回，因为芯片是从堆栈中弹出的。如何将剪辑直接切换到第二个并返回到第10个？