爱意满满的作品展示区。
bojue

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

  •  
  •   bojue ·
    nocokit · Sep 3, 2020 · 3165 views
    This topic created in 2106 days ago, the information mentioned may be changed or developed.

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

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

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

    Excel 在线预览

    Github

    DEMO

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

    Supplement 1  ·  Sep 7, 2020

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

    在线

    github

    转述一下实现功能:

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

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

    5 replies    2020-09-08 18:21:41 +08:00
    justin2018
        1
    justin2018  
       Sep 3, 2020   ❤️ 1
    真棒 学习了~
    jones2000
        2
    jones2000  
       Sep 3, 2020
    表格难点在
    1. 横向和竖向滚动条功能
    2. 单元格合并
    3. 不同大小单元的处理, 如 A1: 是宋体 10, B1:宋体 30
    bojue
        3
    bojue  
    OP
       Sep 3, 2020 via iPhone
    @jones2000 2 是难点,3 相当于区域选择仅选择 1 列或者 1 行,这个不难
    dotnil
        4
    dotnil  
       Sep 8, 2020
    完成度不错呀👍
    bojue
        5
    bojue  
    OP
       Sep 8, 2020
    @dotnil 谢谢,目标是无限趋向 1
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3077 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 14:05 · PVG 22:05 · LAX 07:05 · JFK 10:05
    ♥ Do have faith in what you're doing.