文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

搞定 XLSX 预览？别瞎找了，这几个库（尤其最后一个）真香！

readExcel" /> import { ref } from 'vue'; import * as XLSX from 'xlsx'; // 读取...而且，如果你想连着样式一起搞，比如单元格颜色、字体啥的，那 xlsx 就有点力不从心了，样式处理能力基本等于没有。...特别是读取和修改样式，这对于需要“还原”Excel 样貌的场景太重要了！ 免费开源！ 这点太香了，没有商业使用的后顾之忧。 文档清晰： 官方文档写得挺明白，示例也足。...换了 ExcelJS 后，感觉世界清净了不少。尤其是它能把单元格的背景色、字体、边框这些信息都读出来，这对做预览太有用了！ 实战中怎么选？或者…全都要？ 其实吧，这三个库也不是非得“你死我活”。...我甚至见过有项目是这样搞的：先用 xlsx 快速读取基本数据和 Sheet 名称做个“秒开”预览，然后后台或者异步再用 ExcelJS 做详细的、带样式的解析。 这样既快，又能保证最终效果。

1.5K00
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    ExcelJS导出Ant Design Table数据为Excel文件

    我们的项目中需要导出 Excel 的需求还是挺多的，找了一个处理导出 Excel 的库 ExcelJS ，npm包。...可以满足（但不限于）以下需求： 简单表格导出 为表格添加样式（更改背景色、更换字体、字号、颜色） 设置行高、列宽 解析 ant-design 的 Table 直接导出 excel，根据 antd 页面中设置的列宽动态计算...excel 中的列宽 多级表头（行合并、列合并） 一个 sheet 中放多张表，并实现每张表的列宽不同 ExcelJS  ExcelJS 周下载量 430k+，github star 9k+，有中文文档...安装： npm install exceljs 还需要搭配另外一个库：file-saver npm install file-saver 常用接口 Workbook 工作簿 可以理解为整个表格。...// 创建带有红色标签颜色的工作表 const sheet = workbook.addWorksheet('My Sheet', {properties:{tabColor:{argb:'FFC0000

    6.4K30

    ExcelJS导出Ant Design Table数据为Excel文件

    我们的项目中需要导出 Excel 的需求还是挺多的，找了一个处理导出 Excel 的库 ExcelJS ，npm包。...可以满足（但不限于）以下需求： 简单表格导出 为表格添加样式（更改背景色、更换字体、字号、颜色） 设置行高、列宽 解析 ant-design 的 Table 直接导出 excel，根据 antd 页面中设置的列宽动态计算...excel 中的列宽 多级表头（行合并、列合并） 一个 sheet 中放多张表，并实现每张表的列宽不同 ExcelJS  ExcelJS 周下载量 430k+，github star 9k+，有中文文档...安装： npm install exceljs 还需要搭配另外一个库：file-saver npm install file-saver 在页面中引用 import * as ExcelJs from ...// 创建带有红色标签颜色的工作表 const sheet = workbook.addWorksheet('My Sheet', {properties:{tabColor:{argb:'FFC0000

    1.8K30

    前端提效 - js 批量导出 excel 为zip压缩包

    handleHeader方法负责处理表头，设置表头的高度、背景色、字体等样式。 handleData方法处理每一行具体的数据。...import {saveAs} from 'file-saver'; import * as ExcelJs from 'exceljs'; import {Workbook, Worksheet, Row...使用示例 如文章开头的使用示例，为了方便看清结构，将每个对象的 files 值删除，精简之后得到如下结构： downloadFiles2ZipWithFolder({ zipName: '压缩包...folderName为普通字符串，如：文件夹1，则以 folderName为文件名新建一个文件夹，并将它的 files放入此文件夹下。...folderName为带斜杠的字符串，如：文件夹2/文件夹2-1/文件夹2-1-1，则按照顺序依次新建 n 个文件夹并保持嵌套关系，最终将它的files放入最后一个文件夹下。

    4.1K20

    Python+Excel数据分析实战：军事体能考核成绩评定(一)项目概况

    一、技术背景 Excel（Microsoft office）是现在最常用的办公软件，主要涉及电子表格制作、数据处理、报表输出展示以及更高端的还有金融建模等；我们知道，在需要批处理多个Excel工作表以及工作簿的时候...可以使用它来读取、写入由 Microsoft Excel 2007 及以上版本创建的电子表格文档。...缺点：Pandas在数据处理上是非常方便的，但在文档外操作，如批量修改工作簿名称，就需要引入os库；同时如果已有Excel文档是带格式(颜色填充、字体设置、单元格合并等)，写入Excel的时候就会破坏掉原来的格式...（三）Python ： Openpyxl openpyxl是一个用于读取/写入Excel2007及以上版本（即xlsx格式）文件的Python库，不论是Excel内的特殊格式，还是单元格处理，都提供了相应的函数...其他 其他的还有C#的EPPlus/NPOI，Java的POI，easyExcel；JavaScript的exceljs等，也是不错的Excel操作库，但学习曲线更为陡峭，应用场景也更为复杂。

    2.5K10

    Python+Excel数据分析实战：军事体能考核成绩评定(一)项目概况

    一、技术背景 Excel（Microsoft office）是现在最常用的办公软件，主要涉及电子表格制作、数据处理、报表输出展示以及更高端的还有金融建模等；我们知道，在需要批处理多个Excel工作表以及工作簿的时候...可以使用它来读取、写入由 Microsoft Excel 2007 及以上版本创建的电子表格文档。...缺点：Pandas在数据处理上是非常方便的，但在文档外操作，如批量修改工作簿名称，就需要引入os库；同时如果已有Excel文档是带格式(颜色填充、字体设置、单元格合并等)，写入Excel的时候就会破坏掉原来的格式...（三）Python ： Openpyxl openpyxl是一个用于读取/写入Excel2007及以上版本（即xlsx格式）文件的Python库，不论是Excel内的特殊格式，还是单元格处理，都提供了相应的函数...其他 其他的还有C#的EPPlus/NPOI，Java的POI，easyExcel；JavaScript的exceljs等，也是不错的Excel操作库，但学习曲线更为陡峭，应用场景也更为复杂。

    2.8K10

    Metal视频处理——绿幕视频合成

    前言 Metal入门教程总结 Metal图像处理——直方图均衡化 本文介绍如何用Metal把一个带绿幕的视频和一个普通视频进行合并。...首先是从正常视频里面读取一帧图像，如下： 其次是从绿幕视频里面读取一帧图像，如下： 最后用Metal把两个图像进行合成，效果预览： 如何把绿色的背景替换成新的图像？...把两个图像拉伸到同样大小再对齐，然后把每个绿色的像素点替换成另外一个图像的颜色，便实现了绿色背景的替换。 核心过程是确定替换时机。...所以读取出来是yuv的纹理，需要通过yuv=>rgb的转换矩阵进行处理，得到rgb的颜色值。...// 绿幕视频读取出来的图像，yuv颜色空间 float3 greenVideoYUV = float3(greenTextureY.sample(textureSampler, input.textureCoordinate

    5.2K51

    小谈PNG转SVG的方法 在线转换网站与illustrator

    前提我想说，SVG格式适用于如LOGO、图标这类颜色并不多的图，颜色太鲜艳图还是谨慎为好。...简单来说就是一个标签里面包着一个base64编码的图片，这样的话我就不能改颜色了呀，这我要你何用！...所以如果颜色较为单一时（如5个颜色以下），用在线转换网站已可以满足要求，但如果渐变图片就头疼了。我找了一张颜色较为单一的google图，和一张有渐变的chrome图做对比。...前提我想说，SVG格式适用于如LOGO、图标这类颜色并不多的图，颜色太鲜艳图还是谨慎为好。...简单来说就是一个标签里面包着一个base64编码的图片，这样的话我就不能改颜色了呀，这我要你何用！

    4.6K20

    Metal视频处理——绿幕视频合成

    本文介绍如何用Metal把一个带绿幕的视频和一个普通视频进行合并。 正文 绿幕视频合成可以分为两步，首先是把视频读取成视频帧并做好对齐，其次是做两个图像的合成。...如何把绿色的背景替换成新的图像？ 把两个图像拉伸到同样大小再对齐，然后把每个绿色的像素点替换成另外一个图像的颜色，便实现了绿色背景的替换。 ? 核心过程是确定替换时机。...所以读取出来是yuv的纹理，需要通过yuv=>rgb的转换矩阵进行处理，得到rgb的颜色值。...// 绿幕视频读取出来的图像，yuv颜色空间 float3 greenVideoYUV = float3(greenTextureY.sample(textureSampler, input.textureCoordinate...// 正常视频读取出来的图像，yuv颜色空间 float3 normalVideoYUV = float3(normalTextureY.sample(textureSampler, input.textureCoordinate

    3.9K50

    ps修图教程新手入门:如何用Photoshop处理证件照「建议收藏」

    今天小编给大家讲解如何用Photoshop处理证件照，证件照是大家生活中经常要用到的，相信很多同学碰到过需要给背景照换颜色的时候，却不知道如何更换背景颜色。...下面讲解ps修图教程新手入门如何用Photoshop处理证件照。 下面，以一寸照片为例，讲解如何用Photoshop制作证件照。...二、更改背景色 1、现在背景为蓝色，现在示范如何将其改为红色。（如图所示） 2、选择魔棒工具，如下图红框处。...并单击照片的蓝色背景处，得到下图效果。 4、选择下图所示的油漆桶工具 5、在右侧的色板里选择红色。 6、单击蓝色背景区域，完成红色填充。...本文ps修图教程新手入门如何用Photoshop处理证件照操作讲到这里了，关于ps教程或者ps软件需要，私信领取即可。

    5.7K10

    顾问必备的修图小技巧1-如何用windows系统自带画图工具快速调整证件照背景色？

    做项目的朋友都会遇到一个问题，就是项目现场需要最新的证件照，手头有存的电子版的证件照但是颜色需要调整，自己不会PS软件或自己本机也没有装PS，又懒得网上搜抠图工具，只要证件照要求不是太高，不妨如使用Windows...下面介绍下如何用windows系统自带画图工具快速调整证件照背景色。...2.修改背景尺寸。...如果要红色底，选择颜色为红色，用油漆桶工具将白色泼成红色，然后调整尺寸大小，保存成自己所需的格式即可。...---- 免责声明：本文所用视频、图片、文字如涉及作品版权问题，请第一时间告知，我们将根据您提供的证明材料确认版权并按国家标准支付稿酬或立即删除内容！

    6K30

    证件照换底色有哪些办法

    日常生活中我们经常会遇到证件照的背景颜色问题，手里的证件照背景是白色的，但是报名用的需要是蓝色背景的，自己编辑吧手头的电脑里又没有PS，本篇就来和大家分享一下如何用手机来更换证件照背景颜色。...Snipaste_2019-10-09_15-06-01.jpg 先打开PPT，把证件照插入，然后点击顶部格式的选项，点击删除背景。...调整锚点到全区域覆盖照片，标记要保留的区域，接着标记要删除的区域，选择背景区域，然后保存更改就可以。 点击顶部的颜色，选择里边的图片颜色选项。...在右侧可以设置图片格式，点击里边的填充，选择纯色填充，可以自定义调整颜色。 适当调整证件照尺寸就可以保存下来了。 以华为荣耀手机为例，打开应用市场的智能证件照相机。...点击相册，把事先准备好的证件照传上去，选择好要改颜色的证件照。 接下来就能修改背景颜色了，预览满意的话就保存吧。 以上方法就可以拍摄证件照了，如果你也需要的话，可以操作起来咯。

    2.9K10

    用 Python 将 QQ 好友头像生成「 五一快乐」

    生成文字 现在 QQ 头像图片已经有了，我们再看一下如何用这些图片生成文字，这里需要用到一下第三方库 PIL，安装使用 pip install Pillow，我们需要先将 “五一快乐” 四个字转化为汉字库的点阵数据再使用...eachSize = 100 # 变量 n 用于循环遍历头像图片 n=0 # 变量 count 用于为最终生成的单字图片编号 count = 0 # 初始化颜色列表...','#E0EEE0'] # index 用来改变不同字的背景颜色 index = 0 # 每个 item 对应不同字的点阵信息 for item in outlist:...# 将工作路径转到头像所在文件夹 os.chdir(folder) # 新建一个带有背景色的画布，16 * 16点阵，每个点处填充 2 * 2 张头像图片...canvas = Image.new('RGB', (3200, 3200), colorlist[index]) # 新建一块画布 # index 变换，用于变换背景颜色

    77720

    如何编程实现图像后期处理与优化

    精细影调调整 抠像及应用 图像融合及应用（HDR、全焦、闪光融合、背景去人） 光线和色彩 这系列文章我会放在计算摄影学知识星球，如果你对这个主题感兴趣，请扫文末二维码，支持我的创作 先来看看解析各种各样...特别的是，我会用描述如何用包括Python在内的计算机语言来实现这些处理，必要的情况下我还会介绍一些方便使用的工具来辅助这些处理。 相机图像的处理不仅仅是一个科学问题。...因此我首先介绍的，是如何用Python实现加载和解析RAW文件为可见图像的过程。这个过程包括了： 利用工具加载RAW格式图像。...我会介绍重要的转换RAW图像格式的工具，以及从图像中获取完整元数据的工具和流程，再介绍如何编码读取关键的图像数据。...我们会看到如何将图像中记录的颜色信息从相机的原始颜色空间转换到标准的sRGB颜色空间。这里面需要用到相机的颜色校正矩阵，它们通常存储在RAW文件的元数据之中。

    1.5K20

    JS获取GIF总帧数

    Gif图片文件（从url读取或者从本地上传的File类型的数据） 将读取到的数据转成arrayBuffer 将arrayBuffer放到DataView中 使用DataView底层的相关API来读取十六进制编码...直至读取到Trailer标识，就完成了整个Gif的读取 GIF file stream diagram 注意：在读取过程中，每个块都有自己特殊的编码标记。...编码字符后就为："G"、"I"、"F" Version的16进制值为38、39、61，将其转换为Unicode编码字符后就为："8"、"9"、"a" GIF header block layout 我们来看下如何用代码来读取...Background Color Index 背景颜色索引，它描述了全局颜色表的索引，背景颜色是用于屏幕上未被图像覆盖的像素的颜色。如果全局颜色标记设置为0，该字段将会被忽略。...输入的性质由程序决定（如回车、鼠标点击等） Transparency Color Flag 透明标识，用于描述是否在透明索引字段中给出了透明索引。

    9K30

    JavaScript导出excel文件，并修改文件样式

    样式属性 子属性 值 描述 fill patternType PatternTypes 图案样式 bgColor COLOR_SPEC 背景色，设置填充时的图案颜色 fgColor COLOR_SPEC...前景色，单元格的背景颜色 font name 表示字体名称的字符串 字体名称，默认值是 "Calibri" sz 表示字号的数字 字号 color COLOR_SPEC 字体颜色 bold true...COLOR_SPEC COLOR_SPEC 指设定颜色的对象，取值如下： { rgb: "FFFFAA00" } 十六进制ARGB值，这里有一个网页可以进行颜色值转换 { theme: "1"} 主题颜色的整数索引...实现共享字符串表是为了通过仅读取和写入重复数据一次来提高打开和保存文件的性能。...如果你觉得 xlsx-style 的功能还不够全面，不能实现你的需求，这里再推荐一个项目 ExcelJS，这个项目的功能更加全面，而且项目也还在维护，可以试试看能否满足需求。

    6.6K30

    如何使用PS简单抠图

    之前写到了制作电子邀请函，本期就来说说如何制作一些素材， 也就是如何用PS抠图，看见一些好的图也能自己抠了。...开始之前当然是需要软件了，小编演示是用的PS 2015 64位的， 先说下抠图前准备，待抠的图案最好和背景颜色差别较大， 比如换证件照背景这种，这里就以换证件照背景来讲吧。...接下来建立背景颜色，就是你想把背景改成什么颜色， 这里就以红色为例，菜单栏点-图层-新建-图层。 ? 然后点击确定 ? 把右下角的原图的小眼睛去掉，只留下新建的图层。 ?...然后在软件最左侧选择油漆桶工具，更改需要的颜色。 ? 更改完成后，把新图层颜色变成红色。 ? 接下来，在把右下角的人像图层恢复显示， 并把背景图层拖到人像图层下方。 ?...然后我们开始清除原来的人像背景颜色，先选择人像图层， 然后使用魔棒工具，选择纯色背景，然后按DELETE键删除。 ?

    3.6K40
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券