时间戳

首页 > 解决方案 > 如何拥有多个带有上一个、下一个和添加图标的 HTML5 画布

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

问题描述

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

标签： javascripthtml

解决方案

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

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

推荐阅读