electron Mac版截图功能实现

1、mac截图
使用的是macos-screencapture进行截图
感谢提供好了轮子~macos-screencapture

<template><div class="template-macosScreencapture"><div>{{url}}</div><button @click="tap">tap</button></div>
</template>
<script>import path from 'path';const nativeImage = require('electron').nativeImage;export default {data() {return {url: ''};},methods: {tap() {// 引入github模块const screencapture = require('macos-screencapture');// 拼接图片名称，这里是使用时间撮进行拼接let imgPath = path.resolve('./') + '/public/' + new Date().getTime() + '.png';const configguration = {path: imgPath,options: ['-s'],};screencapture(configguration).then((res) => {// 使用electron.nativeImage模块进行解码const image = nativeImage.createFromPath(res);const dataUrl = image.toDataURL();// base64转file对象const file = this.dataURLtoFile(dataUrl);console.log(file);this.url = file;}).catch((err) => {console.log(err);});},dataURLtoFile(dataurl, filename) {// 本地图片转file对象进行上传后台const arr = dataurl.split(',');const mime = arr[0].match(/:(.*?);/)[1];const bstr = atob(arr[1]);let n = bstr.length;const u8arr = new Uint8Array(n);while (n--) {u8arr[n] = bstr.charCodeAt(n);}return new File([u8arr], filename, {type: mime});},},};
</script>

直接复制进去，然后点击tap就能进行截图啦

electron Mac版截图功能实现相关推荐

mac的截图在linux下打不开,mac版截图软件Snip详细使用教程及常见问题
怎么通过邮件分享 Snip 截图? 在 Snip 的[偏好设置]中绑定你的QQ邮箱帐号,截屏时选定区域后点击分享的图标 ,即可跳到写信页面进行邮件分享. 怎么使用滚动截屏? 如果你从 Mac App ...
mac mysql premium_详解 Navicat Premium Mac 版常用功能
Navicat Premium 是一套数据库管理工具,结合了其它 Navicat 成员的功能,支持单一程序同時连接到 MySQL.MariaDB.SQL Server.SQLite.Oracle 和 ...
转：Mac自带截图功能说明
转自:http://irising.me/2011/11/12135/ Mac的截图功能扩展功能很强大的,不要用QQ那个COM+Ctrl+A弱爆了的截图了~ 首先说一下两种截图 1.Command+s ...
印象笔记mac版同步问题_Notability 最佳手写笔记 APP 之一！让 iPad / iPhone 变成工作学习利器...
虽然一直在将工作和生活上的资料电子化,如使用印象笔记.OCR软件.手机扫描软件等,但某些场景下录入资料,你会发现纸笔比打字更快更方便,因为可以随意写画涂鸦,那才够自由. 如果你也有同感,那么 Nota ...
多终端同时登录_So easy！同时登陆两个或多个Mac版微信和QQ
如今,微信和QQ已经不单单是简单的社交软件了,也成了工作必备软件,工作中用它传个文件,发个通知,不知道有多方便. 但是很多人希望将工作圈和生活圈分开,有人想出拿两部手机的方法,倒是可以,不过来回倒腾略 ...
Keep It Mac版(文本笔记工具)
Mac天空带来一款优秀的文本笔记工具,Keep It Mac版可以创建 .编辑.查看和保存各种类型的文件,比如纯文本.图像.网页链接.Markdown文档等,keep it for mac破解版还支持 ...
全新的Nuke 13 mac版来啦！nuke13全新功能 (支持big sur)
全新版本的Nuke 13 for Mac更新啦!!这是一款专业的影视后期特效合成软件,这次的nuke 13 mac版带来了更多功能和改进,比如在Nuke的3D Viewer中增加了对Hydra的支持. ...
视频后期合成软件：nuke12 mac版 v12.2v4最新版(支持big sur)
NUKE 12 for Mac是一款运行在Mac平台上的影视后期特效合成软件,nuke 12 for Mac拥有节点工具.深层图像合成工具.3D相机跟踪器.多轨编辑时间表等强大的功能,另外还支持回放. ...
【亲测】后期特效合成软件：Nuke 13 Mac版(支持m1)
全新版本的Nuke 13 for Mac更新啦!!这次的nuke 13 mac版带来了更多功能和改进,比如在Nuke的3D Viewer中增加了对Hydra的支持.引入了通过Nuke中的相关本机3D节 ...
电脑mac电脑,达龙云电脑mac版
达龙云电脑免去了mac电脑不能玩windos游戏的麻烦,无需苹果电脑设置双系统和虚拟机,直接借助达龙云电脑的高配置,畅玩Steam平台上的各类游戏,如:剑与远征.辐射.GTA5.疯狂动物.恐怖奶奶.吃 ...

electron Mac版截图功能实现

electron Mac版截图功能实现相关推荐

最新文章

热门文章