Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jsoon/electronscreenshot
基于 Electron 开发的截屏软件
https://github.com/jsoon/electronscreenshot
electron electronjs screencapture screenshot
Last synced: 3 months ago
JSON representation
基于 Electron 开发的截屏软件
- Host: GitHub
- URL: https://github.com/jsoon/electronscreenshot
- Owner: JSoon
- License: mit
- Created: 2021-07-22T12:09:25.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-02-09T07:31:40.000Z (almost 3 years ago)
- Last Synced: 2024-02-24T17:21:02.687Z (11 months ago)
- Topics: electron, electronjs, screencapture, screenshot
- Language: JavaScript
- Homepage:
- Size: 4.4 MB
- Stars: 10
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Electron Screenshot
基于 [Electron](https://www.electronjs.org/) 开发的截屏软件.
Contents
- [Usage](#usage)
- [Prerequisite](#prerequisite)
- [Install](#install)
- [Import](#import)
- [Demo Run](#demo-run)
- [Demo Build](#demo-build)
- [Features](#features)
- [Issues](#issues)
- [Windows 下可能遇到的问题](#windows-下可能遇到的问题)
- ['toupper': is not a member of 'std'](#toupper-is-not-a-member-of-std)
- [Canvas.obj : error LNK2001: unresolved external symbol "__declspec\(dllimport\) public: class std::shared_ptr\ __cdecl v8::ArrayBuffer::GetBackingStore\(void\)](#canvasobj--error-lnk2001-unresolved-external-symbol-__declspecdllimport-public-class-stdshared_ptrclass-v8backingstore-__cdecl-v8arraybuffergetbackingstorevoid)
- [其他相关问题链接](#其他相关问题链接)
## Usage
### Prerequisite
全局安装 [uglify-js](https://www.npmjs.com/package/uglify-js) (若已安装, 可忽略该步骤).
```bash
npm i -g uglify-js
```
### Install
```bash
npm i @financial-freedom/electron-screenshot
```
### Import
```js
/**
* 主进程 main.js
*/
// 引入模块
const { useCapture } = require('@jsoon/electron-screenshot');
// 创建窗口
const mainWindow = new BrowserWindow({
// Options
// ...
});
// 使用截屏
useCapture({
mainWindow
});
```
## Demo Run
```bash
npm run start
```
## Demo Build
```bash
# 打包 mac
npm run dist:mac
# 打包 win
npm run dist:win
```
构建前请先看[这里](https://zhuanlan.zhihu.com/p/110448415), 解决构建源下载超时的问题.
## Features
- [x] 截屏图片复制到剪切板
- [x] 截屏选区重置
- [x] 截屏图片下载
- [x] 截屏退出
- [x] 鼠标跟随信息 (当前坐标, 当前屏幕取色)
- [x] 矩形框工具
- [x] 椭圆形框工具
- [x] 箭头工具
- [x] 画笔工具
- [x] 马赛克工具 :star_struck:
- [x] 文字工具
- [x] 撤销工具 :star_struck:
## Issues
- [ ] [截图图片鼠标无法隐藏](https://github.com/electron/electron/issues/7584)
- [x] ~~[Mac-10.13.6] 截屏窗口打开后, 由于是simpleFullscreen状态, 系统菜单栏会被隐藏, 退出截屏后仍然处于隐藏状态~~ (已使用非全屏方式规避)
- [x] [Mac 下构建 Windows 报错: exited with code ERR_ELECTRON_BUILDER_CANNOT_EXECUTE](https://github.com/electron-userland/electron-builder/issues/4629#issuecomment-591312152)
- 其他兼容性问题待测试
## Windows 下可能遇到的问题
> :warning: 若 canvas 不需要在 Node 环境下运行 (即 Electron 应用主线程), 则无需考虑构建 node-canvas 原生模块构建. 本项目 canvas 运行在渲染进程, 故无需进行原生模块构建.
Windows 下进行 node-canvas 原生模块构建时, 由于 Node, Electron 版本的不同, 可能会导致很多棘手的问题, 这些问题多是涉及到 c++ 和 v8, 因而对于前端开发者而言, 很难定位和解决.
若还不知道如何搭建 node-canvas 原生模块构建环境, 请参考[这里](http://jsoon.fun/front-end/views/blog-electron-node-canvas/index.html).
### ['toupper': is not a member of 'std'](https://github.com/Automattic/node-canvas/issues/1848)
解决方案如下, 修改 `node_modules/canvas/src/util.h` 代码:
```h
// Line 31
return c1 == c2 || std::toupper(c1) == std::toupper(c2);
```
修改为:
```h
// std:: -> ::
return c1 == c2 || ::toupper(c1) == ::toupper(c2);
```
### [Canvas.obj : error LNK2001: unresolved external symbol "__declspec\(dllimport\) public: class std::shared_ptr\ __cdecl v8::ArrayBuffer::GetBackingStore\(void\)](https://github.com/nodejs/nan/issues/892)
解决方案如下, 修改 `node_modules/nan/nan_typedarray_contents.h` 代码:
```h
// Line 36 - 40
#if (V8_MAJOR_VERSION >= 8)
data = static_cast(buffer->GetBackingStore()->Data()) + byte_offset;
#else
data = static_cast(buffer->GetContents().Data()) + byte_offset;
#endif
```
修改为:
```h
// 去掉判断
data = static_cast(buffer->GetContents().Data()) + byte_offset;
```
### 其他相关问题链接
[Electron-rebuild canvas 2.6.1 fails on Windows 10: Canvas.obj : error LNK2001: unresolved external symbol](https://github.com/Automattic/node-canvas/issues/1589)
[[Bug]: Link error for native c++ modules](https://github.com/electron/electron/issues/29893)