如何拥有多个带有上一个、下一个和添加图标的 HTML5 画布答案

【问题标题】：How to have multiple HTML5 canvas with previous, next and add icon如何拥有多个带有上一个、下一个和添加图标的 HTML5 画布
【发布时间】：2020-08-16 05:23:57
【问题描述】：

我正在制作一个基于html5画布的白板，并添加了许多功能，如铅笔、橡皮擦、上传图片、上传pdf等。任何人都可以帮助我如何拥有多个可以通过上一个和下一个按钮访问的画布。我还需要一个添加按钮来添加画布。我已经在 html 和 css 中构建了按钮，需要 javascript 中的帮助。 This is a picture of the next and previous whiteboard buttons; and here id a picture of the add and previous whiteboard buttons。当页面位于最后一个白板上时，应显示添加图标。我认为还应该有一个白板限制，这将有助于节省浏览器内存。

【问题讨论】：

标签： javascript html

【解决方案1】：

而不是添加只能在画布上使用的多个画布，

在添加画布按钮上，保存此画布状态并将其清除
按上一个保存此画布状态并加载上一个状态（下一个相同）
这样您就不必担心创建太多画布并遇到内存泄漏问题
所以基本上您将拥有一个画布和一组状态，您将根据数字加载它们

【讨论】：