技术栈
1.react
2.canvas
已完成
- 定义 数据结构
- 定义输入行列 修改的部分
- 扩大行高 列宽,并限制最新宽度高度
- 选中格子,点击格子,高亮所在行列
- 对行列操作 删除行列 合并行列
- 复制 粘贴 剪切
待完成
- 对数据操作 移动
- 插入组件 checkbox,select,echarts图
- 放大缩小
- 滚动
- 优化渲染
- 文档协同
- 数据和格式的保存与重新渲染
说实话有点多,有点难,长路漫漫,但不言放弃,基本数据结构完成后,后面就是对数据的操作,以及canvas优化。快手的webgl版本# 打造高性能在线电子表格:WebGL 渲染引擎 Kola2d 自研之路