Giter Club home page Giter Club logo

webexcel's Introduction

webExcel

安装

yarn install

运行

yarn run serve

说明

基于vue开发的webEcel,采用快速的canvas绘画,webworker处理数据,快速高效!
完整的excel的功能过于庞大,由于个人精力有限,仅完成toolbar上的icon功能
保存 撤销 回退 格式刷 清除  粗体 斜体 下划线 删除线 字体颜色 背景色  文字左对齐 文字中间对齐 文字右对齐 拆分单元格 合并单元格
(插入图片 超链接 边框 ?暂缓)

夭寿啦!!!我想实现的太多了,只能重构了,现在移动列或者变宽列 要重绘完整的centerCanvas(表格),成本太高昂了,准备采用一个canvas
局部渲染,即使是滚动canvas也只是一次帧率重绘和假的滚动条移动,看了一下成熟的webExcel几乎采用的都是这种方案,只能重构。

留下了不想写的泪水T T

重构很顺利,即将恢复到重构点!!!!!

更新说明

  • 支持点击 cell 输入
  • 点击 cell 在行列头提示及 head 栏展示位置及值
  • 加入滚动条

未来

  • 加入选中
  • 加入单元格合并
  • 加入列行拖拽
  • 加入删除列行
  • 加入顶部 toolBar

查看示例

See demo

展示图

webexcel's People

Contributors

ggbeng1 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.