canvas做一个在线excel

102 阅读1分钟

技术栈

20250405215148_rec_.gif 1.react 2.canvas

已完成

  1. 定义 数据结构
  2. 定义输入行列 修改的部分
  3. 扩大行高 列宽,并限制最新宽度高度
  4. 选中格子,点击格子,高亮所在行列
  5. 对行列操作 删除行列 合并行列
  6. 复制 粘贴 剪切

待完成

  1. 对数据操作 移动
  2. 插入组件 checkbox,select,echarts图
  3. 放大缩小
  4. 滚动
  5. 优化渲染
  6. 文档协同
  7. 数据和格式的保存与重新渲染

说实话有点多,有点难,长路漫漫,但不言放弃,基本数据结构完成后,后面就是对数据的操作,以及canvas优化。快手的webgl版本# 打造高性能在线电子表格:WebGL 渲染引擎 Kola2d 自研之路