V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
bojue
V2EX  ›  分享创造

基于 canvas 实现 Excel 的技术预研 DEMO

  •  
  •   bojue · 2020-09-03 16:46:20 +08:00 · 2295 次点击
    这是一个创建于 1337 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近开始学习 Canvas 技术,顺便学习一下 React 前端框架,计划开发一款基于 React+Canvas 的 Excel 预研性产品。

    每次更改数据结构,都需要大量的内容改写,目前这个版本是应该是基本内容最简单的版本。

    稍微优复杂点的单元格合并以及状态维护,接下来会接着开发完善。

    Excel 在线预览

    Github

    DEMO

    项目本身不是基于标准的 Excel 规范开发,刚开始仅是个人学习使用。

    第 1 条附言  ·  2020-09-07 16:42:25 +08:00

    推荐一下我同事之前写的一款注重功能的Excel

    在线

    github

    转述一下实现功能:

    1. 行列区域选择
    2. x,y滚动问题
    3. 单元格合并
    4. 图片处理

    基于Angular2前端框架,因为两个人独立完成,目前我也不知道实现方式上有什么差异

    5 条回复    2020-09-08 18:21:41 +08:00
    justin2018
        1
    justin2018  
       2020-09-03 20:53:12 +08:00   ❤️ 1
    真棒 学习了~
    jones2000
        2
    jones2000  
       2020-09-03 22:46:52 +08:00
    表格难点在
    1. 横向和竖向滚动条功能
    2. 单元格合并
    3. 不同大小单元的处理, 如 A1: 是宋体 10, B1:宋体 30
    bojue
        3
    bojue  
    OP
       2020-09-03 22:53:19 +08:00 via iPhone
    @jones2000 2 是难点,3 相当于区域选择仅选择 1 列或者 1 行,这个不难
    dotnil
        4
    dotnil  
       2020-09-08 02:55:55 +08:00
    完成度不错呀👍
    bojue
        5
    bojue  
    OP
       2020-09-08 18:21:41 +08:00
    @dotnil 谢谢,目标是无限趋向 1
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   853 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 22:52 · PVG 06:52 · LAX 15:52 · JFK 18:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.