网页截图API-Npm工具包分享

背景

以前在做低代码搭建页面的时候有需求给每个搭建的页面生成一个预览图,那个时候通过调研确定方案做了一版本内部使用,封装和很多能力,包括截取全屏,截取局部,导出png,缓存,清晰度,分辨率控制等等,随着越来越稳定后开始把这些能力整体整理成为一个工具包,取名为kaca,就像给页面拍照一样。

介绍

KaCa(官网:www.321kaca.com/)是一个npm包,你可以全局安装这个包后运行他,安装和运行方式参考官方文档,运行后会启动一个server服务,可通过接口调用这个服务实现网页转图片、PDF 等功能。

在线体验

为了方便快速体验基本功能,提供了一个页面,修改参数来快速了解其功能,你可以输入你想截取的页面。以及其他参数。除了页面提供的基本参数外,可以在配置文档里面查看全部支持的参数。

更多配置

把截图服务常用到的一些能力做了对应的参数配置,跟多数据可以参考官方文档。

总结

对于网页截图的方案其实市面上比较成熟,但是使用的时候还是会碰到很多细节问题,这个库把日常碰到的一些问题,以及截图经常设计到的需求都列举实现了一下,方便直接使用,该文章主要是分享一个自己开发的库,方便大家使用和提建议。

相关推荐
吃杠碰小鸡16 分钟前
高中数学-数列-导数证明
前端·数学·算法
kingwebo'sZone21 分钟前
C#使用Aspose.Words把 word转成图片
前端·c#·word
xjt_090141 分钟前
基于 Vue 3 构建企业级 Web Components 组件库
前端·javascript·vue.js
我是伪码农1 小时前
Vue 2.3
前端·javascript·vue.js
夜郎king1 小时前
HTML5 SVG 实现日出日落动画与实时天气可视化
前端·html5·svg 日出日落
夏幻灵2 小时前
HTML5里最常用的十大标签
前端·html·html5
Mr Xu_3 小时前
Vue 3 中 watch 的使用详解:监听响应式数据变化的利器
前端·javascript·vue.js
未来龙皇小蓝3 小时前
RBAC前端架构-01:项目初始化
前端·架构
程序员agions3 小时前
2026年,微前端终于“死“了
前端·状态模式
万岳科技系统开发3 小时前
食堂采购系统源码库存扣减算法与并发控制实现详解
java·前端·数据库·算法