{"id":27852004,"url":"https://github.com/zhushen12580/short","last_synced_at":"2025-05-04T03:01:36.136Z","repository":{"id":283859606,"uuid":"953119719","full_name":"zhushen12580/short","owner":"zhushen12580","description":"🔥AI时代的首款智能截图工具The first intelligent screenshot tool of the AI era","archived":false,"fork":false,"pushed_at":"2025-04-29T14:42:57.000Z","size":1643,"stargazers_count":133,"open_issues_count":2,"forks_count":10,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-29T15:53:22.536Z","etag":null,"topics":["chrome-extension","intelligent-character-recognition","qrcode","screen-capture","screenshot","screenshots","ui-design"],"latest_commit_sha":null,"homepage":"https://puzzledu.com/shot","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zhushen12580.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-03-22T16:03:02.000Z","updated_at":"2025-04-29T14:43:00.000Z","dependencies_parsed_at":"2025-04-22T14:23:36.408Z","dependency_job_id":"052dff7c-2c59-4652-ad06-e99565078122","html_url":"https://github.com/zhushen12580/short","commit_stats":null,"previous_names":["zhushen12580/short"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhushen12580%2Fshort","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhushen12580%2Fshort/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhushen12580%2Fshort/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhushen12580%2Fshort/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zhushen12580","download_url":"https://codeload.github.com/zhushen12580/short/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252280889,"owners_count":21723054,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chrome-extension","intelligent-character-recognition","qrcode","screen-capture","screenshot","screenshots","ui-design"],"created_at":"2025-05-04T03:01:34.891Z","updated_at":"2025-05-04T03:01:36.124Z","avatar_url":"https://github.com/zhushen12580.png","language":"JavaScript","funding_links":["https://buymeacoffee.com/zhushen"],"categories":["JavaScript"],"sub_categories":[],"readme":"![image](https://github.com/user-attachments/assets/d26c06ab-113d-463a-bf1e-a18ebc6e917a)\n\n\n# 精准截图 - AI时代的首款智能截图工具\n\n简体中文 | [English](README_EN.md) | [繁體中文](README_ZH_TW.md) | [日本語](README_JA.md) | [한국어](README_KO.md) | [Français](README_FR.md) | [Deutsch](README_DE.md) | [Español](README_ES.md)\n\n## 项目概述\n\"精准截图\"是一款Chrome浏览器插件，旨在解决用户在网页截图时需要频繁调整截图区域比例的问题。该插件允许用户预先设定截图比例，然后进行连续截图操作，每次截图都会自动保持所选比例，大大提高截图效率。该插件界面美观，操作简单，适合各类用户使用。\n![跟上国际动态](https://github.com/user-attachments/assets/3abc26e5-4fee-4410-994c-ceb6c825a85c)\n![二维码解析功能演示](https://github.com/user-attachments/assets/46913bcf-c9f7-4fca-a904-d7e676a42408)\n\n## 快速开始\n\n### 1. 安装\n- **Chrome应用商店安装**\n  - 访问 [Chrome应用商店 - 精准截图](https://chromewebstore.google.com/detail/%E7%B2%BE%E5%87%86%E6%88%AA%E5%9B%BE-%E4%B8%80%E9%94%AE%E6%99%BA%E8%83%BD%E7%B2%BE%E5%87%86%E6%88%AA%E5%9B%BE%E5%B7%A5%E5%85%B7/mebflgmmheidlmggndpkkodonedongin?authuser=0\u0026hl=zh-CN)\n  - 点击\"添加至Chrome\"按钮完成安装\n\n- **开发者模式安装**\n  - 下载本项目代码并解压\n  - 打开Chrome浏览器，访问 `chrome://extensions/`\n  - 开启右上角的\"开发者模式\"\n  - 点击\"加载已解压的扩展程序\"，选择解压后的文件夹\n\n### 2. 基本使用\n1. **启动截图**\n   - 点击浏览器工具栏中的精准截图图标\n   - 或使用快捷键 `Ctrl+Shift+S`\n\n2. **选择截图模式**\n   - 普通模式：选择预设比例（1:1、16:9等）\n   - 智能模式：自动识别网页元素边界\n\n3. **截图操作**\n   - 鼠标点击并拖动选择区域\n   - 调整大小：拖动边框或角落的调整点\n   - 移动位置：拖动选区中心区域\n   - 确认截图：点击工具栏的\"保存\"按钮或按Enter键\n   - 取消截图：按Esc键\n\n### 3. 进阶功能\n- **磁性吸附**：靠近元素边缘时自动吸附，便于精确选择\n- **锁定尺寸**：批量截取相同大小的图片\n- **二维码解析**：识别并复制二维码内容\n- **AI对话**：与截图内容进行智能对话\n- **背景移除**：一键去除图片背景\n- **快速分享**：一键分享截图到社交媒体\n- **快速反馈**：提供产品使用反馈\n\n### 4. 快捷键\n- `Ctrl+Shift+S`：启动截图\n- `Enter`：确认截图\n- `Esc`：取消截图\n- `Ctrl+C`：复制截图到剪贴板\n\n## 目标用户\n- 设计师：需要获取特定比例的素材\n- 内容创作者：需要为不同平台准备固定比例的图片\n- 电商卖家：需要制作统一规格的产品图片\n- 社交媒体运营：需要为不同平台准备符合规格的图片\n\n## 核心功能\n### 1. 比例设置\n- ✅ 预设常用比例，按分组整理：\n  - 常用比例：16:9 (视频/屏幕)、4:3 (传统屏幕)、1:1 (正方形/Instagram)\n  - 移动设备：9:16 (手机竖屏/故事)、3:4 (小红书/iPad)\n  - 社交媒体：2:1 (小红书/Twitter横图)、1:2 (Pinterest)、4:5 (Instagram竖图)、3:2 (SNS封面)\n  - 其他：21:9 (超宽屏)、自由比例\n- ✅ 支持用户自定义比例输入\n- ✅ 记住用户最近使用的比例设置\n- ✅ 支持自由比例模式\n\n### 2. 截图操作\n- ✅ 用户选择比例后进入截图模式\n- ✅ 截图区域自动保持所选比例\n- ✅ 支持拖拽调整截图区域大小（保持比例不变）\n- ✅ 支持移动截图区域位置\n- ✅ 显示当前截图区域的尺寸信息\n- ✅ 支持连续截图，无需退出截图模式即可截取多张图片\n- ✅ 智能元素检查模式，自动识别网页元素边界\n- ✅ 支持锁定截图尺寸，方便批量截取相同大小的图片\n- ✅ 支持二维码解析，一键识别并复制链接\n\n### 3. 智能检测功能\n- ✅ 智能识别页面元素边界\n- ✅ 悬停时自动高亮显示元素尺寸\n- ✅ 点击即可精准截取UI组件\n- ✅ 支持元素中心线对齐\n- ✅ 智能过滤不可见元素\n- ✅ 智能截图模式下防止与页面元素交互，保护截图状态不被破坏\n\n### 4. 磁性吸附功能\n- ✅ 自动吸附到页面元素边缘\n- ✅ 可调整吸附强度\n- ✅ 支持水平和垂直方向吸附\n- ✅ 智能吸附阈值控制\n- ✅ 平滑过渡动画效果\n\n### 5. 图片保存\n- ✅ 支持将截图保存到本地\n- ✅ 支持复制到剪贴板\n- ✅ 支持连续截取的多张图片预览\n- ✅ 可自定义图片格式（PNG/JPG）和质量\n- ✅ 支持高DPI屏幕优化\n\n### 6. 二维码功能\n- ✅ 一键解析截图中的二维码\n- ✅ 自动复制二维码链接到剪贴板\n- ✅ 支持各种常见二维码格式\n- ✅ 智能识别和定位二维码位置\n- ✅ 清晰的成功/失败状态提示\n\n### 7. AI图像对话\n- ✅ 一键启动AI对话模式，与截图内容进行对话\n- ✅ 基于GLM-4V大模型的图像理解能力\n- ✅ 支持用户提问和多轮对话\n- ✅ 可询问图像内容、文字解释、代码分析等\n- ✅ 简洁美观的对话界面，支持Markdown格式显示\n\n### 8. 背景移除\n- ✅ 一键移除图像背景，生成透明背景图片\n- ✅ 内置简单的背景分析算法\n- ✅ 适用于产品、物体等简单背景图像\n- ✅ 处理完成后直接复制到剪贴板\n- ✅ 保留前景对象的清晰边缘\n\n### 9. 用户界面\n- ✅ 简洁直观的界面设计，带有渐变色标题区和精美阴影效果\n- ✅ 截图时显示半透明遮罩和高亮选框\n- ✅ 显示当前比例和尺寸信息\n- ✅ 提供清晰的操作提示\n- ✅ 支持多语言界面\n- ✅ 快速分享和反馈按钮，方便用户互动\n\n### 10. 快捷键支持\n- ✅ 启动插件快捷键: Ctrl+Shift+S\n- ✅ 截图操作的快捷键（确认、取消）\n- ✅ 支持ESC键快速取消截图\n- ✅ 支持Ctrl+C复制截图到剪贴板\n- ✅ 支持连续截图模式切换\n\n## 技术实现\n- 使用Chrome扩展MV3架构开发\n- 权限使用：activeTab, downloads, scripting, tabs, storage, clipboardWrite\n- 使用Canvas技术处理图像并保持比例\n- 使用Chrome Storage API存储用户设置\n- 针对不同DPI屏幕进行优化\n- 智能元素检测算法\n- 磁性吸附算法\n- 平滑动画过渡效果\n- 简单的背景移除算法实现\n- 与GLM-4V API集成实现AI对话功能\n- 智能截图交互保护层：在智能检测模式下保持元素识别的同时防止意外交互\n- 采用FontAwesome图标库提供丰富的界面图标\n\n## 项目结构\n```\n├── manifest.json       # 扩展清单文件\n├── assets/            # 图标和资源文件\n│   └── fontawesome/   # FontAwesome图标库\n├── background/        # 后台服务脚本\n├── content/           # 内容脚本(截图核心逻辑)\n├── popup/             # 弹出窗口界面\n├── utils/             # 工具函数\n│   └── i18n.js        # 国际化支持\n├── ai_dialog/         # AI对话界面\n└── _locales/          # 多语言支持\n```\n\n## 技术架构\n```mermaid\ngraph TD\n    A[Chrome Extension MV3] --\u003e B[Background Service]\n    A --\u003e C[Content Script]\n    A --\u003e D[Popup UI]\n    A --\u003e N[AI Dialog UI]\n    B --\u003e E[chrome.downloads API]\n    C --\u003e F[Canvas Processing]\n    D --\u003e G[chrome.storage API]\n    C --\u003e H[智能元素检测]\n    H --\u003e L[页面元素交互保护]\n    C --\u003e I[磁性吸附功能]\n    C --\u003e J[高DPI屏幕优化]\n    C --\u003e K[多语言支持]\n    C --\u003e M[背景移除算法]\n    N --\u003e O[GLM-4V API]\n    D --\u003e P[FontAwesome Icons]\n```\n\n## 快捷键\n| 功能 | 快捷键 |\n|------|--------|\n| 启动截图 | Ctrl+Shift+S |\n| 确认截图 | Enter |\n| 取消截图 | Esc |\n| 复制截图 | Ctrl+C |\n| 打开插件 | 点击工具栏图标 |\n| 切换连续截图模式 | 工具栏按钮 |\n| 切换磁性吸附 | 工具栏按钮 |\n| 锁定截图尺寸 | 工具栏按钮 |\n\n## 开源协议\n本项目采用 [CC BY-NC-ND 4.0](https://creativecommons.org/licenses/by-nc-nd/4.0/) 开源协议。\n\n### 协议要点\n- ✅ 必须保留原作者署名\n- ❌ 禁止商业使用\n- ❌ 禁止修改和再分发修改版\n- 📝 任何使用均需获得作者授权\n\n### 使用授权\n如需商业使用本项目，请联系作者获取授权。未经授权的任何商业使用行为都将被视为侵权。\n\n如果你喜欢我的内容，并且想要给予一些鼓励和支持，欢迎点击 [Buy Me a Coffee](https://buymeacoffee.com/zhushen) 请我喝一杯咖啡！🎉☕\n\n## 增值功能计划\n为了进一步提升用户体验，\"精准截图\"计划逐步推出以下增值功能：\n\n### 已实现功能\n1. **智能背景移除**\n   - ✅ 自动识别并移除单色背景\n   - ✅ 保留前景内容，生成透明结果\n   - ✅ 适合制作产品素材和设计元素\n   \n2. **AI图像对话**\n   - ✅ 基于GLM-4V的图像理解能力\n   - ✅ 支持多轮对话和内容分析\n   - ✅ 图像相关问答和内容解释\n\n### 近期规划功能\n3. **复刻UI组件**\n   - 从截图中提取页面结构\n   - 接入AI Agent进行UI组件复刻\n   - 实时浏览复刻进程\n\n4. **爆款文案仿写**\n   - 从截图中提取文本内容\n   - 接入AI Agent进行文案仿写\n   - 实时浏览仿写内容\n\n### 中期规划功能\n5. **图像超分辨率**\n   - 提升截图清晰度和分辨率\n   - 支持2x、4x倍率选择\n   - 适合需要高质量图像的场景\n\n6. **图片翻译**\n   - 识别图片中的文字并翻译\n   - 支持多语言互译\n   - 保持原始布局和样式\n\n### 长期规划功能\n7. **高级智能抠图**\n   - 高级背景移除和对象提取\n   - 保留复杂边缘细节\n   - 一键生成专业抠图效果\n\n8. **一键美化**\n   - 自动优化图片参数\n   - 智能调整亮度、对比度、饱和度\n   - 适合社交媒体分享\n\n### 会员计划展望\n未来我们计划推出不同级别的会员服务，以满足不同用户的需求：\n- **基础版**：保留现有所有功能，永久免费\n- **增强版**：包含OCR和透明底等基础增值功能\n- **专业版**：包含全部高级功能，适合专业创作者\n\n如果您对某项功能特别感兴趣或有其他功能建议，欢迎通过issues反馈！\n\n## API密钥配置\n本项目使用GLM-4V API进行图像分析和AI对话功能。要使用此功能，你需要配置API密钥：\n\n1. 复制 `config.example.js` 为 `config.local.js`\n2. 在 `config.local.js` 中填入你的GLM-4V API密钥\n3. 确保 `config.local.js` 已添加到 `.gitignore` 中（默认已添加）\n\n注意：不要将你的API密钥提交到GitHub仓库中。如果你不小心提交了API密钥，请立即更改它。\n\n## Star History\n觉得好用，点个星吧⭐⭐⭐\n[![Star History Chart](https://api.star-history.com/svg?repos=zhushen12580/short\u0026type=Date)](https://www.star-history.com/#zhushen12580/short\u0026Date)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhushen12580%2Fshort","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzhushen12580%2Fshort","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhushen12580%2Fshort/lists"}