【免费】js截屏插件kscreenshot使用介绍.zip资源-CSDN文库

共2个文件

js：1个

html：1个

javascript

js截屏

需积分: 0 188 浏览量 2024-01-17 16:55:49 上传评论收藏 57KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

js截屏插件kscreenshot使用介绍.zip （2个子文件）

js截屏插件kscreenshot使用介绍

kscreenshot.min.js 226KB

index.html 2KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>报表稽核设置</title> </head> <body> <button onClick="startShot()">开始截屏</button> <h4>开始截屏也可以使用组合快捷键：shift+A</h4> <h4>点击鼠标右键取消截屏</h4> <h4>截屏后，数据为base64格式的图片</h4> <h4>官网地址：<a target="_blank" href="https://gitee.com/kejiacheng/kscreenshot">https://gitee.com/kejiacheng/kscreenshot</a></h4> <div id="container" style="width:800px;height:300px;border:2px solid #333;overflow:auto;"> </div> <script src="./kscreenshot.min.js"></script> <script> let kss = new kscreenshot({ key: 65, // 65是键盘A的keyCode toolshow: {}, // 截屏工具栏（默认每个工具都显示） needDownload: false, // 是否下载截屏后的图片 endCB: function (base64Url) { // 截屏完成回调 const newImg = document.createElement("img"); newImg.src = base64Url; // 数据为base64格式的图片 document.getElementById("container").appendChild(newImg); }, cancelCB: function () { // 截屏取消回调 console.log("cancel"); }, }); function startShot () { kss.startScreenShot(); } function endShot () { kss.endScreenShot(); } /* toolshow配置参数说明类型默认值 complete 控制确认按键显示） bool true quit 控制退出按键显示） bool true back 控制后退按键显示） bool true arrow 控制箭头按键显示） bool true drawLine 控制线条按键显示） bool true rect 控制矩形按键显示） bool true ellipse 控制椭圆按键显示） bool true text 控制文字按键显示） bool true color 控制颜色版按键显示）bool true */ /* 字母和数字键的键码值(keyCode) 按键键码按键键码按键键码按键键码 A 65 J 74 S 83 1 49 B 66 K 75 T 84 2 50 C 67 L 76 U 85 3 51 D 68 M 77 V 86 4 52 E 69 N 78 W 87 5 53 F 70 O 79 X 88 6 54 G 71 P 80 Y 89 7 55 H 72 Q 81 Z 90 8 56 I 73 R 82 0 48 9 57 */ </script> </body> </html>

评论收藏

内容反馈